@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
 margin:0;
 padding:0
}
fieldset,
img {
 border:0
}
:focus {
 outline:0
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
 font-style:normal;
 font-weight:400
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-size:100%;
 font-weight:400
}
abbr,
acronym {
 border:0;
 font-variant:normal
}
code,
kbd,
samp,
tt {
 font-size:100%
}
input,
button,
textarea,
select {
 *font-size:100%;
 border:0
}
body {
 background:#fff;
 color:#5e5e5e;
 font:14px/2em Microsoft YaHei,SimSun,Arial
}
ol,
ul {
 list-style:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
caption,
th {
 text-align:left
}
sup,
sub {
 font-size:100%;
 vertical-align:baseline
}
:link,
:visited,
ins {
 text-decoration:none
}
blockquote,
q {
 quotes:none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content:'';
 content:none
}
a:link,
a:visited {
 color:#5e5e5e
}
a:hover {
 color:#c9394a
}
a:active {
 color:#666
}
.clearfix:after {
 content:'\0020';
 display:block;
 height:0;
 clear:both;
 visibility:hidden
}
.clearfix {
 *zoom:1
}
.l {
 float:left
}
.r {
 float:right
}
.clear {
 height:0;
 overflow:hidden;
 clear:both
}
.hide {
 display:none
}
.btn.hide {
 display:none
}
a.hidefocus {
 outline:0
}
button.hidefocus::-moz-focus-inner {
 border:0
}
a:focus {
 outline:0;
 -moz-outline:0
}
input,
textarea {
 outline:0
}
h2 {
 font-size:20px
}
h3 {
 font-size:16px;
 line-height:32px
}
h5 {
 font-size:14px;
 line-height:28px
}
.img_border {
 border:4px solid #fff;
 border-radius:1px
}
.bb {
 border-bottom:1px solid #d2d2d2
}
.bt {
 border-top:1px solid #d2d2d2
}
.bbn {
 border-bottom:0!important
}
.mc {
 margin:0 auto!important
}
.m0 {
 margin:0!important
}
.m1 {
 margin:1px!important
}
.m2 {
 margin:2px!important
}
.m3 {
 margin:3px!important
}
.m4 {
 margin:4px!important
}
.m5 {
 margin:5px!important
}
.m10 {
 margin:10px
}
.m15 {
 margin:15px
}
.m20 {
 margin:20px
}
.m25 {
 margin:25px
}
.m30 {
 margin:30px
}
.mt5 {
 margin-top:5px!important
}
.mt0 {
 margin-top:0!important
}
.mt10 {
 margin-top:10px!important
}
.mt14 {
 margin-top:14px
}
.mt15 {
 margin-top:15px
}
.mt18 {
 margin-top:18px
}
.mt20 {
 margin-top:20px!important
}
.mt30 {
 margin-top:30px
}
.mt40 {
 margin-top:40px
}
.mt50 {
 margin-top:50px
}
.mt60 {
 margin-top:60px
}
.mt70 {
 margin-top:70px
}
.mt80 {
 margin-top:80px
}
.mt90 {
 margin-top:90px
}
.mt100 {
 margin-top:100px
}
.mb0 {
 margin-bottom:0!important
}
.mb3 {
 margin-bottom:3px
}
.mb5 {
 margin-bottom:5px!important
}
.mb10 {
 margin-bottom:10px
}
.mb15 {
 margin-bottom:15px
}
.mb20 {
 margin-bottom:20px!important
}
.mb25 {
 margin-bottom:25px!important
}
.mb30 {
 margin-bottom:30px
}
.mb40 {
 margin-bottom:40px
}
.mb50 {
 margin-bottom:50px
}
.mb55 {
 margin-bottom:55px
}
.mb80 {
 margin-bottom:80px
}
.mb100 {
 margin-bottom:100px
}
.ml0 {
 margin-left:0!important
}
.ml8 {
 margin-left:8px!important
}
.ml1 {
 margin-left:1px!important
}
.ml5 {
 margin-left:5px!important
}
.ml10 {
 margin-left:10px!important
}
.ml12 {
 margin-left:12px!important
}
.ml13 {
 margin-left:13px!important
}
.ml15 {
 margin-left:15px!important
}
.ml25 {
 margin-left:25px!important
}
.ml20 {
 margin-left:20px!important
}
.ml30 {
 margin-left:30px!important
}
.ml35 {
 margin-left:35px!important
}
.ml38 {
 margin-left:38px!important
}
.ml40 {
 margin-left:40px!important
}
.ml50 {
 margin-left:50px!important
}
.ml60 {
 margin-left:60px!important
}
.ml55 {
 margin-left:55px!important
}
.ml57 {
 margin-left:57px!important
}
.ml60 {
 margin-left:60px!important
}
.ml80 {
 margin-left:80px!important
}
.ml100 {
 margin-left:100px!important
}
.ml110 {
 margin-left:110px!important
}
.ml120 {
 margin-left:120px!important
}
.ml150 {
 margin-left:150px!important
}
.ml200 {
 margin-left:200px!important
}
.ml250 {
 margin-left:250px!important
}
.ml285 {
 margin-left:285px!important
}
.ml835 {
 margin-left:835px!important
}
.mr5 {
 margin-right:5px!important
}
.mr10 {
 margin-right:10px!important
}
.mr15 {
 margin-right:15px!important
}
.mr20 {
 margin-right:20px!important
}
.mr30 {
 margin-right:30px!important
}
.mr40 {
 margin-right:40px!important
}
.mr50 {
 margin-right:50px!important
}
.mr80 {
 margin-right:80px!important
}
.mr100 {
 margin-right:100px!important
}
.mr250 {
 margin-right:250px!important
}
.mr300 {
 margin-right:300px!important
}
.pointer {
 cursor:pointer
}
.color-gray,
a.color-gray:link,
a.color-gray:visited {
 color:#b7bcc0
}
.color-white {
 color:#fff!important
}
.color-blue {
 color:#088bd3
}
.fl {
 float:left
}
.fr {
 float:right
}
.mr60 {
 margin-right:60px
}
.color-red {
 color:#EF1300!important
}
.pr {
 position:relative
}
.pa {
 position:absolute
}
.errorHint {
 height:25px;
 line-height:20px;
 font-size:12px;
 color:#f01414
}
.breakall {
 word-break:break-all
}
.wui-dialog {
 background-color:#fff;
 box-shadow:#ccc 1px 4px 20px 3px;
 position:absolute;
 box-shadow:0 12px 24px 0 rgba(0,0,0,.24)
}
.cb {
 clear:both
}
.fs12 {
 font-size:12px!important
}
.fs14 {
 font-size:14px!important
}
.fs16 {
 font-size:16px!important
}
.fs18 {
 font-size:18px!important
}
.fs20 {
 font-size:20px!important
}
.bold {
 font-weight:700!important
}
body,
html {
 font:14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;
 color:#1c1f21
}
body {
 min-width:1200px;
 background-color:#f8fafc;
 overflow-y:scroll;
 padding-top:0;
 -webkit-transition:-webkit-transform .3s ease;
 transition:transform .3s ease
}
a:link,
a:visited {
 color:#1c1f21
}
a:active,
a:hover {
 color:#ec1500
}
.clearfix:after {
 content:'\0020';
 display:block;
 height:0;
 clear:both;
 visibility:hidden
}
.l {
 float:left
}
.r {
 float:right
}
.hide {
 display:none
}
.hide-text {
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden
}
.newcontainer,
.page-container {
 margin:0 auto;
 width:1152px
}
.container {
 margin:0 auto
}
.container {
 width:1152px
}
#main {
 min-height:750px;
 padding:20px 0
}
.waper {
 width:1200px;
 margin:0 auto
}
.shadow {
 -webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);
 -moz-box-shadow:0 2px 4px rgba(0,0,0,.1);
 box-shadow:0 2px 4px rgba(0,0,0,.1)
}
.text-ellipsis {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.addZ-index {
 z-index:9999
}
.addZ-indexCode {
 z-index:9999
}
.app-download {
 position:relative
}
.app-download .app-load-box {
 display:none;
 position:absolute;
 right:0;
 top:100%;
 width:304px;
 padding:10px 24px 22px;
 box-sizing:border-box;
 background-color:#fff;
 color:#4d555d;
 line-height:16px;
 box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
 border-bottom-right-radius:8px;
 border-bottom-left-radius:8px;
 z-index:99999;
 font-size:12px
}
.app-download .app-load-box h4 {
 margin:12px 0;
 font-size:14px;
 color:#1c1f21;
 text-align:center;
 line-height:22px
}
.app-download .app-load-box img {
 width:108px;
 height:108px
}
.app-download .app-load-box p {
 margin-top:12px;
 text-align:center
}
.app-download .app-load-box a.app-load-btn {
 display:block;
 color:#fff;
 width:132px;
 height:36px;
 margin-bottom:8px;
 line-height:36px;
 background:#4d555d;
 border-radius:18px
}
.app-download .app-load-box a.app-load-btn:hover {
 background-color:#07111b
}
.app-download .app-load-box a.app-load-btn i {
 font-size:16px;
 margin:0 8px 0 12px;
 vertical-align:-2px
}
.user-card-box {
 position:relative
}
.user-card-box .g-user-card {
 visibility:hidden;
 position:absolute;
 right:0;
 top:100%;
 z-index:1000;
 width:306px;
 padding:24px;
 background-color:#fff;
 box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
 border-bottom-right-radius:8px;
 border-bottom-left-radius:8px;
 box-sizing:border-box
}
.user-card-box .g-user-card .card-top {
 color:#93999f;
 position:relative
}
.user-card-box .g-user-card .card-top a {
 display:inline-block;
 color:#93999f
}
.user-card-box .g-user-card .card-top a img {
 float:left;
 width:72px;
 height:72px;
 border-radius:50%;
 border:2px solid #fff;
 margin-right:12px
}
.user-card-box .g-user-card .card-top .card-top-right-box {
 margin-top:14px
}
.user-card-box .g-user-card .card-top .name {
 display:inline-block;
 font-size:16px;
 color:#07111b;
 width:170px;
 line-height:20px
}
.user-card-box .g-user-card .card-top .meta {
 margin-top:4px;
 font-size:12px;
 line-height:12px
}
.user-card-box .g-user-card .card-top .meta a {
 margin-right:12px
}
.user-card-box .g-user-card .card-top .meta b {
 margin-left:2px
}
.user-card-box .g-user-card .user-center-box {
 margin-top:16px;
 margin-bottom:14px
}
.user-card-box .g-user-card .user-center-box ul li {
 position:relative;
 width:128px;
 background:#f8fafc;
 border-radius:2px;
 color:#4d555d;
 margin:0 2px 2px 0
}
.user-card-box .g-user-card .user-center-box ul li .user-center-icon {
 position:relative;
 top:3px;
 font-size:16px;
 margin-right:8px
}
.user-card-box .g-user-card .user-center-box ul li a {
 width:100%;
 height:36px;
 line-height:36px;
 padding-left:12px;
 text-align:left;
 box-sizing:border-box
}
.user-card-box .g-user-card .user-center-box ul li:hover {
 background:#d9dde1
}
.user-card-box .g-user-card .user-center-box ul li:hover a {
 color:#4d555d
}
.user-card-box .g-user-card .user-center-box ul li i {
 width:18px;
 height:18px;
 position:absolute;
 top:0;
 right:8px;
 background:url(/static/img/common/coupon-icon.png) no-repeat
}
.user-card-box .g-user-card .user-center-box ul li:nth-child(2n) {
 margin-right:0
}
.user-card-box .g-user-card .card-history {
 padding-bottom:16px;
 margin-bottom:-1px;
 border-bottom:1px solid #edf1f2
}
.user-card-box .g-user-card .card-history .history-item {
 display:block;
 position:relative;
 padding-left:24px;
 color:#787d82;
 transition:background-color .2s;
 line-height:20px
}
.user-card-box .g-user-card .card-history .history-item .tit {
 display:block;
 margin-bottom:8px;
 font-weight:700
}
.user-card-box .g-user-card .card-history .history-item .media-name {
 display:block;
 width:200px
}
.user-card-box .g-user-card .card-history .history-item .icon-clock,
.user-card-box .g-user-card .card-history .history-item .imv2-history {
 position:absolute;
 left:0;
 top:2px;
 font-size:16px;
 font-weight:700
}
.user-card-box .g-user-card .card-history .history-item .continue {
 position:absolute;
 right:0;
 top:25px;
 color:#00b43c
}
.user-card-box .g-user-card .card-history .history-item .continue:hover {
 color:#00c850
}
.user-card-box .g-user-card .card-sets {
 margin-top:16px;
 font-size:12px;
 line-height:12px
}
.user-card-box .g-user-card .card-sets a {
 color:#93999f
}
.user-card-box .g-user-card .card-sets a:hover {
 color:#4d555d;
 background:0 0
}
.user-card-box.hover .g-user-card {
 visibility:visible
}
.shop-cart {
 position:relative
}
.shop-cart .shop-cart-icon span {
 color:rgba(255,255,255,.6)
}
.shop-cart .shop-cart-icon .icon-shopping-cart,
.shop-cart .shop-cart-icon .imv2-cart {
 position:relative;
 top:2px;
 font-size:16px;
 margin-right:8px
}
.shop-cart .shop-cart-icon .shopping_icon {
 padding:0 5px;
 height:16px;
 line-height:16px;
 background:#f01414;
 color:#fff;
 margin-left:8px;
 display:inline-flex;
 border-radius:8px
}
.shop-cart .my-cart {
 display:none;
 width:344px;
 padding:0 16px;
 position:absolute;
 right:0;
 background:#fff;
 box-sizing:border-box;
 z-index:99999;
 box-shadow:0 8px 16px 0 rgba(28,31,33,.2);
 border-bottom-right-radius:8px;
 border-bottom-left-radius:8px
}
.shop-cart .my-cart .cart-title-box {
 padding:13px 12px;
 border-bottom:1px solid #d3d6d9
}
.shop-cart .my-cart .cart-title-box h2,
.shop-cart .my-cart .cart-title-box h5 {
 height:24px;
 line-height:24px
}
.shop-cart .my-cart .cart-title-box h2 {
 font-weight:700;
 font-size:14px;
 color:#1c1f21
}
.shop-cart .my-cart .cart-title-box h5 {
 font-size:12px;
 color:#9199a1
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box {
 height:284px;
 overflow-y:scroll
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul {
 width:100%
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li {
 padding:12px;
 box-sizing:border-box
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li:hover {
 background:#f8fafc
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li:hover .del {
 display:block
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li a {
 width:auto;
 height:auto
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li img {
 width:100px;
 height:56px;
 margin-right:10px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box {
 width:160px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box h3 {
 font-size:12px;
 color:#07111b;
 line-height:16px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p {
 margin-top:8px;
 height:16px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p span {
 color:rgba(240,20,20,.6);
 font-size:12px;
 line-height:16px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p span:hover {
 color:#f01414
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .del {
 display:none;
 cursor:pointer
}
.shop-cart .my-cart .cart-wrap .clear-cart {
 height:284px;
 text-align:center
}
.shop-cart .my-cart .cart-wrap .clear-cart .cartIcon {
 margin:36px 0 8px;
 display:inline-block;
 font-size:72px;
 color:#d3d6d9
}
.shop-cart .my-cart .cart-wrap .clear-cart h3 {
 font-size:14px;
 color:#545c63;
 text-align:center;
 line-height:24px
}
.shop-cart .my-cart .cart-wrap .clear-cart .text {
 margin-bottom:8px;
 font-size:12px;
 color:#9199a1;
 text-align:center;
 line-height:24px
}
.shop-cart .my-cart .cart-wrap .clear-cart .go-link {
 display:block;
 color:rgba(240,20,20,.6);
 font-size:12px;
 line-height:24px;
 margin-bottom:4px
}
.shop-cart .my-cart .cart-wrap .clear-cart .go-link:hover {
 color:#f01414
}
.shop-cart .my-cart .more-box {
 padding:16px 12px;
 border-top:1px solid #d3d6d9
}
.shop-cart .my-cart .more-box .show-box {
 height:32px;
 line-height:32px;
 font-size:12px
}
.shop-cart .my-cart .more-box .show-box .num-icon {
 color:#fff;
 line-height:16px;
 padding:0 5px;
 border-radius:50%;
 background:#f01414;
 box-sizing:border-box
}
.shop-cart .my-cart .more-box .show-box .text {
 color:#93999f
}
.shop-cart .my-cart .more-box .show-box .text a {
 color:#93999f
}
.shop-cart .my-cart .more-box .show-box .text a:hover {
 color:#4d555d
}
.shop-cart .my-cart .more-box .show-box .go-pay a {
 color:rgba(240,20,20,.6)
}
.shop-cart .my-cart .more-box .go-cart {
 width:96px;
 color:#fff;
 font-size:12px;
 line-height:16px;
 padding:8px 16px;
 background:rgba(240,20,20,.8);
 border-radius:16px;
 border:none
}
.shop-cart .my-cart .more-box .go-cart:hover {
 background-color:#f01414
}
.shop-cart.hover .shop-cart-icon {
 border-color:rgba(255,255,255,.4);
 background-color:rgba(255,255,255,.1)
}
.shop-cart.hover .shop-cart-icon span {
 color:#fff
}
.shop-cart.hover .my-cart {
 display:block
}
#header {
 background:#07111b
}
#header .page-container {
 width:auto;
 padding-right:10px;
 z-index:900;
 box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
 position:relative
}
#header .logo {
 float:left;
 margin:0 20px
}
#header .logo a {
 display:block;
 width:140px;
 height:72px;
 background:url(/static/img/common/logo.png?t=2.4) center center no-repeat;
 -webkit-transition:background-color .2s;
 -moz-transition:background-color .2s;
 transition:background-color .2s
}
#header .nav-item li {
 float:left
}
#header .nav-item li a {
 padding:0 20px;
 display:block;
 color:rgba(255,255,255,.6);
 text-align:center;
 font-size:16px;
 height:72px;
 line-height:72px;
 -webkit-transition:background-color .3s;
 -moz-transition:background-color .3s;
 transition:background-color .3s;
 position:relative
}
#header .nav-item li a .icn-new {
 position:absolute;
 display:inline-block;
 top:14px;
 width:16px;
 height:16px;
 background:url(/static/img/common/new.png) no-repeat 0 0
}
#header .nav-item li a.active,
#header .nav-item li a:hover {
 color:#fff
}
#header #login-area {
 float:right;
 position:relative
}
#header #login-area .dist-money {
 line-height:72px;
 position:relative;
 font-size:14px;
 color:rgba(255,255,255,.6)
}
#header #login-area .dist-money:hover>a {
 color:#fff
}
#header #login-area .dist-money>a {
 color:rgba(255,255,255,.6);
 padding:0 12px
}
#header #login-area .dist-money .redPacket {
 display:inline-block;
 width:14px;
 height:16px;
 vertical-align:text-top;
 position:relative;
 top:2px;
 margin-right:8px;
 background:url(//www.imooc.com/static/img/index/redPacket.png) no-repeat;
 background-size:100% 100%;
 background-position:top center
}
#header #login-area .dist-money a {
 width:122px!important;
 padding:0 12px;
 box-sizing:border-box
}
#header #login-area .app-download {
 line-height:72px;
 color:rgba(255,255,255,.6)
}
#header #login-area .app-download>a {
 padding:0 15px;
 font-size:14px;
 color:rgba(255,255,255,.6)
}
#header #login-area .app-download>a:hover {
 color:#fff
}
#header #login-area .shop-cart {
 height:36px;
 line-height:36px;
 margin:18px 0
}
#header #login-area .shop-cart .shop-cart-icon {
 display:inline-block;
 padding:0 18px;
 width:auto;
 box-sizing:border-box;
 border:1px solid rgba(255,255,255,.2);
 border-radius:18px;
 height:36px;
 line-height:34px;
 color:#787d82;
 text-align:center
}
#header #login-area .shop-cart .my-cart {
 top:54px
}
#header #login-area .logined>li {
 float:left;
 position:relative
}
#header #login-area .logined>li>a {
 display:block;
 width:60px;
 height:72px;
 line-height:72px;
 color:#787d82;
 text-align:center;
 -webkit-transition:background-color .2s;
 -moz-transition:background-color .2s;
 transition:background-color .2s
}
#header #login-area .logined>li>a:hover {
 color:#fff
}
#header #login-area .logined>li>a:hover i {
 color:#fff
}
#header #login-area .header-unlogin>li {
 float:left
}
#header #login-area .header-unlogin .header-signin {
 margin-left:12px;
 color:rgba(255,255,255,.6)
}
#header #login-area .header-unlogin .header-signin a {
 display:inline-block;
 padding:0 12px;
 height:72px;
 line-height:72px;
 font-size:14px;
 color:rgba(255,255,255,.6);
 -webkit-transition:background-color .2s;
 -moz-transition:background-color .2s;
 transition:background-color .2s
}
#header #login-area .header-unlogin .header-signin a:hover {
 color:rgba(240,20,20,.8)
}
#new_header {
 background:#07111b
}
#new_header .new-header {
 width:1152px;
 height:40px;
 margin:0 auto;
 font-size:12px
}
#new_header .new-header .nav-item li {
 float:left;
 margin-right:12px
}
#new_header .new-header .nav-item li>a {
 display:block;
 padding:0 12px;
 height:40px;
 line-height:40px;
 color:rgba(255,255,255,.6);
 -webkit-transition:background-color .3s;
 -moz-transition:background-color .3s;
 transition:background-color .3s;
 position:relative
}
#new_header .new-header .nav-item li>a .icn-new {
 position:absolute;
 display:inline-block;
 top:2px;
 width:16px;
 height:16px;
 background:url(/static/img/common/new.png) no-repeat 0 0
}
#new_header .new-header .nav-item li>a.imooc:hover {
 color:#ec1500
}
#new_header .new-header .nav-item li>a.active {
 color:#fff
}
#new_header .new-header .nav-item li>a:hover {
 color:#fff;
 background:rgba(255,255,255,.1)
}
#new_header .new-header .nav-item li.search {
 padding:10px 8px;
 margin:0 0 0 12px
}
#new_header .new-header .nav-item li.search a {
 padding:0;
 padding-left:6px;
 width:96px;
 height:20px;
 line-height:20px;
 background:rgba(255,255,255,.2);
 border-radius:10px;
 color:rgba(255,255,255,.6);
 box-sizing:border-box;
 -webkit-transition:background-color .3s;
 -moz-transition:background-color .3s;
 transition:background-color .3s
}
#new_header .new-header .nav-item li.search a:hover {
 color:#fff;
 background:rgba(255,255,255,.2)
}
#new_header .new-header .nav-item li.search input {
 display:none
}
#new_header .new-header .nav-item li.input-search {
 padding:0;
 width:240px;
 background:rgba(255,255,255,.1);
 position:relative;
 margin-right:0
}
#new_header .new-header .nav-item li.input-search .input-box {
 width:240px;
 box-sizing:border-box
}
#new_header .new-header .nav-item li.input-search .input-box:hover {
 color:fff;
 background:0 0
}
#new_header .new-header .nav-item li.input-search .input-box input {
 display:inline-block;
 width:200px;
 height:38px;
 line-height:38px;
 box-sizing:border-box;
 padding-left:12px;
 background:0 0;
 font-size:14px;
 color:#fff
}
#new_header .new-header .nav-item li.input-search .input-box input::-ms-clear,
#new_header .new-header .nav-item li.input-search .input-box input::-ms-reveal {
 display:none
}
#new_header .new-header .nav-item li.input-search .input-box .nav-searchBtn {
 display:inline-block;
 height:40px;
 line-height:40px;
 width:36px;
 text-align:center;
 font-size:16px;
 color:rgba(255,255,255,.6);
 -webkit-transition:background-color .2s;
 -moz-transition:background-color .2s;
 transition:background-color .2s;
 position:absolute;
 top:0;
 right:0;
 cursor:pointer
}
#new_header .new-header .nav-item li.input-search .input-box .nav-searchBtn i {
 line-height:40px
}
#new_header .new-header .nav-item li.input-search .input-box .nav-searchBtn:hover {
 color:#fff;
 background:rgba(255,255,255,.1)
}
#new_header .new-header .nav-item li.input-search .nav-search-box {
 width:240px;
 position:absolute;
 top:40px;
 left:0;
 background:#fff;
 z-index:10;
 box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px
}
#new_header .new-header .nav-item li.input-search .nav-search-box h2 {
 font-size:12px;
 color:#1c1f21;
 line-height:12px;
 margin-bottom:8px;
 font-weight:700
}
#new_header .new-header .nav-item li.input-search .nav-search-box .hot {
 padding:12px 0 8px 12px;
 box-sizing:border-box
}
#new_header .new-header .nav-item li.input-search .nav-search-box .hot .hot-item {
 background:rgba(84,92,99,.1);
 border-radius:12px;
 padding:4px 12px;
 line-height:16px;
 margin-right:4px;
 margin-bottom:4px;
 display:inline-block;
 cursor:pointer;
 font-size:12px;
 color:#545c63
}
#new_header .new-header .nav-item li.input-search .nav-search-box .hot .hot-item:hover {
 background:rgba(84,92,99,.2);
 color:#1c1f21
}
#new_header .new-header .nav-item li.input-search .nav-search-box .history {
 border-top:1px solid rgba(28,31,33,.1);
 padding:12px 0 0;
 box-sizing:border-box
}
#new_header .new-header .nav-item li.input-search .nav-search-box .history h2 {
 margin-left:12px
}
#new_header .new-header .nav-item li.input-search .nav-search-box .history h2 .history-clear {
 font-size:12px;
 color:#9199a1;
 line-height:12px;
 float:right;
 margin-right:12px;
 font-weight:400
}
#new_header .new-header .nav-item li.input-search .nav-search-box .history h2 .history-clear:hover {
 color:#545c63
}
#new_header .new-header .nav-item li.input-search .nav-search-box .history .history-item {
 display:inline-block;
 padding:0 12px;
 box-sizing:border-box;
 height:36px;
 line-height:36px;
 width:240px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 cursor:pointer;
 font-size:12px;
 color:#545c63
}
#new_header .new-header .nav-item li.input-search .nav-search-box .history .history-item:hover {
 background:rgba(56,61,66,.06);
 color:#1c1f21
}
#new_header .new-header .nav-item li.input-search .nav-correlate-box {
 width:240px;
 position:absolute;
 top:40px;
 left:0;
 background:#fff;
 box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
 z-index:10;
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px
}
#new_header .new-header .nav-item li.input-search .nav-correlate-box .correlate .correlate-item {
 display:inline-block;
 padding:0 12px;
 box-sizing:border-box;
 height:36px;
 line-height:36px;
 width:240px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 cursor:pointer;
 font-size:12px;
 color:#545c63
}
#new_header .new-header .nav-item li.input-search .nav-correlate-box .correlate .correlate-item:hover {
 background:rgba(56,61,66,.06);
 color:#1c1f21
}
#new_header .new-header .app-download>a,
#new_header .new-header .remind_warp>a,
#new_header .new-header .user-card-box>a {
 width:auto;
 padding:0 12px;
 height:40px;
 line-height:40px
}
#new_header .new-header .header-right {
 float:right
}
#new_header .new-header .header-right .app-download,
#new_header .new-header .header-right .dist-money {
 float:left;
 color:rgba(255,255,255,.6);
 -webkit-transition:background-color .3s;
 -moz-transition:background-color .3s;
 transition:background-color .3s;
 position:relative
}
#new_header .new-header .header-right .app-download:hover,
#new_header .new-header .header-right .dist-money:hover {
 background:rgba(255,255,255,.1)
}
#new_header .new-header .header-right .app-download>a,
#new_header .new-header .header-right .dist-money>a {
 display:inline-block;
 padding:0 12px;
 height:40px;
 line-height:40px;
 color:rgba(255,255,255,.6)
}
#new_header .new-header .header-right .app-download>a:hover,
#new_header .new-header .header-right .dist-money>a:hover {
 color:#fff
}
#new_header .new-header .header-right .dist-money .redPacket {
 display:inline-block;
 width:14px;
 height:16px;
 vertical-align:text-top;
 position:relative;
 top:1px;
 margin-right:8px;
 background:url(/static/img/index/redPacket.png) no-repeat;
 background-size:100% 100%;
 background-position:top center
}
#new_header .new-header .header-right .dist-money a {
 width:110px!important;
 padding:0 12px;
 box-sizing:border-box
}
#new_header .new-header .header-right .shop-cart {
 float:left;
 margin-left:12px;
 height:40px;
 line-height:40px
}
#new_header .new-header .header-right .shop-cart .shop-cart-icon {
 display:inline-block;
 height:40px;
 line-height:40px;
 padding:0 12px;
 border-radius:18px
}
#new_header .new-header .header-right .shop-cart .shop-cart-icon span {
 color:rgba(255,255,255,.6)
}
#new_header .new-header .header-right .shop-cart .my-cart {
 top:40px
}
#new_header .new-header .header-right #login-area {
 float:left;
 position:relative
}
#new_header .new-header .header-right #login-area .header-unlogin {
 margin-left:24px
}
#new_header .new-header .header-right #login-area .header-unlogin li {
 float:left
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin {
 color:#fff
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin a {
 display:inline-block;
 height:40px;
 line-height:40px;
 color:rgba(255,255,255,.6);
 font-weight:700;
 color:#fff;
 -webkit-transition:background-color .2s;
 -moz-transition:background-color .2s;
 transition:background-color .2s
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin a:hover {
 color:#f01414
}
#new_header .new-header .header-right #login-area .logined>li {
 float:left;
 height:40px
}
#new_header .new-header .header-right #login-area .logined>li>a {
 -webkit-transition:background-color .2s;
 -moz-transition:background-color .2s;
 transition:background-color .2s
}
#new_header .new-header .header-right #login-area .logined .remind_warp {
 margin:0;
 width:64px;
 position:relative
}
#new_header .new-header .header-right #login-area .logined .remind_warp .msg_remind {
 display:none;
 width:4px;
 height:4px;
 background-color:#f01414;
 border-radius:50%;
 position:absolute;
 top:12px;
 right:22px
}
#new_header .new-header .header-right #login-area .logined .remind_warp>a {
 display:block;
 color:rgba(255,255,255,.6);
 text-align:center
}
#new_header .new-header .header-right #login-area .logined .remind_warp>a:hover {
 color:#fff
}
#new_header .new-header .header-right #login-area .logined .remind_warp .imv2-notifications {
 line-height:40px;
 font-size:16px
}
#new_header .new-header .header-right #login-area .logined .user-card-box .user-card-item img {
 display:inline-block;
 width:24px;
 height:24px;
 border:2px solid #4d5559;
 border-radius:50%;
 vertical-align:middle
}
#new_header .new-header .header-right #login-area .logined .user-card-box .user-card-item .myspace_remind {
 width:10px;
 height:10px;
 background:url(/static/img/common/space-remind.png) no-repeat 0 0;
 position:absolute;
 top:10px;
 right:10px
}
#new_header .new-header .header-right #login-area .logined .user-card-box:hover .user-card-item img {
 border-color:rgba(255,255,255,.6)
}
#new_header.special-header .new-header {
 width:1088px
}
.bindHintBox {
 background-color:#ffc;
 box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
 position:absolute;
 right:10px;
 top:60px;
 width:313px;
 height:54px;
 z-index:3;
 font-size:12px;
 line-height:54px;
 color:#07111b;
 padding:0 15px
}
.bindHintBox .closeBindHint {
 width:17px;
 height:17px;
 position:relative;
 top:4px;
 left:20px;
 cursor:pointer;
 background:url(/static/img/nlogin.png) no-repeat 0 0;
 transition:transform .2s;
 -webkit-transition:transform .2s;
 -moz-transition:transform .2s;
 -o-transition:transform .2s
}
.bindHintBox .arrow {
 position:absolute;
 right:15px;
 top:-10px;
 border-width:0 10px 10px 10px;
 border-color:transparent transparent #ffc transparent;
 border-style:solid
}
.linkToMall {
 font-size:12px!important;
 color:#fff!important;
 opacity:1!important
}
.remind_warp {
 width:60px;
 height:48px
}
.remind_warp a {
 height:48px;
 line-height:48px
}
.remind_warp .msg_remind {
 display:none;
 position:absolute;
 width:8px;
 height:8px;
 background-color:#f01414;
 right:14px;
 top:14px;
 border-radius:50%
}
.remind_warp .icon-notifi {
 display:block;
 line-height:48px;
 font-size:22px;
 text-align:center;
 cursor:pointer;
 -webkit-transition:color .2s;
 -moz-transition:color .2s;
 transition:color .2s
}
.remind_warp .icon-notifi:hover {
 color:#fff
}
.remind_warp,
.search-area {
 margin:12px 0
}
.search-warp {
 position:relative;
 float:left;
 margin-left:24px
}
.search-warp .searchTags {
 z-index:100;
 bottom:24px;
 right:40px
}
.search-warp .searchTags a {
 padding:3px 8px;
 color:rgba(255,255,255,.6);
 background-color:rgba(255,255,255,.1);
 border-radius:12px;
 font-size:12px;
 line-height:24px;
 font-weight:400
}
.search-warp .searchTags a.active,
.search-warp .searchTags a:hover {
 background-color:rgba(255,255,255,.2);
 color:#fff
}
.search-warp .showhide-search {
 width:20px;
 height:24px;
 text-align:right;
 position:absolute;
 display:inline-block;
 right:0;
 bottom:24px;
 padding:0 8px;
 border-radius:18px
}
.search-warp .showhide-search i {
 display:block;
 height:24px;
 color:#757a7e;
 cursor:pointer;
 font-size:20px;
 line-height:24px;
 width:20px
}
.search-warp .showhide-search:hover {
 background:rgba(240,20,20,.4)
}
.search-warp .showhide-search:hover i {
 color:#f01414
}
.search-warp .search-area.suggest-active {
 border-bottom-color:#f01414
}
.search-warp.search-active .showhide-search {
 background:rgba(240,20,20,.2)
}
.search-warp.search-active .showhide-search i {
 color:#f01414
}
.search-area {
 float:right;
 position:relative;
 height:46px;
 width:260px;
 padding-right:40px;
 border-bottom:1px solid rgba(255,255,255,.4);
 zoom:1;
 -webkit-transition:width .3s;
 -moz-transition:width .3s;
 transition:width .3s
}
.search-area .search-input {
 padding:12px 0;
 width:100%;
 height:46px;
 line-height:22px;
 font-size:12px;
 float:left;
 border:0;
 color:#fff;
 -webkit-transition:background-color .3s;
 -moz-transition:background-color .3s;
 transition:background-color .3s;
 background-color:transparent;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box
}
.search-area .btn_search {
 float:left;
 cursor:pointer;
 width:30px;
 height:38px;
 text-align:center;
 -webkit-transition:background-color .3s;
 -moz-transition:background-color .3s;
 transition:background-color .3s
}
.search-area .search-area-result {
 position:absolute;
 left:0;
 top:60px;
 width:300px;
 margin-bottom:20px;
 border-top:none;
 background-color:#fff;
 box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
 font-size:12px;
 overflow:hidden;
 display:none;
 z-index:800;
 border-bottom-right-radius:8px;
 border-bottom-left-radius:8px
}
.search-area .search-area-result.hot-hide {
 top:47px
}
.search-area .search-area-result.hot-hide .hot {
 display:none
}
.search-area .search-area-result.hot-hide .history {
 border-top:0
}
.search-area .search-area-result h2 {
 font-size:12px;
 color:#1c1f21;
 line-height:12px;
 margin-bottom:8px;
 font-weight:700
}
.search-area .search-area-result .hot {
 padding:12px 0 8px 12px;
 box-sizing:border-box
}
.search-area .search-area-result .hot .hot-item {
 background:rgba(84,92,99,.1);
 border-radius:12px;
 padding:4px 12px;
 line-height:16px;
 margin-right:4px;
 margin-bottom:4px;
 display:inline-block;
 cursor:pointer;
 font-size:12px;
 color:#545c63
}
.search-area .search-area-result .history {
 border-top:1px solid rgba(28,31,33,.1);
 box-sizing:border-box
}
.search-area .search-area-result .history li {
 height:40px;
 line-height:40px;
 padding:0 10px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#787d82;
 cursor:pointer
}
.search-area .search-area-result .history li .light,
.search-area .search-area-result .history li:hover {
 color:#1c1f21;
 background-color:#edf0f2
}
.search-area.min {
 width:0;
 border-color:#000
}
.my_message a span {
 display:none
}
.my_message .msg_remind {
 display:none;
 position:absolute;
 width:6px;
 height:6px;
 background-color:#f01414;
 right:14px;
 top:14px;
 border-radius:50%
}
.msg_icon {
 display:none;
 position:absolute;
 padding:0 5px;
 height:16px;
 left:32px;
 top:10px;
 line-height:16px;
 background:#f01414;
 border-radius:50%;
 color:#fff;
 font-style:normal;
 font-size:10px
}
.my_mp span {
 display:block;
 line-height:16px;
 color:#6c7072
}
.my_mp .mp {
 padding-top:12px;
 font-size:12px
}
.my_mp a:hover .mp_num {
 color:#fff
}
.set_btn {
 right:0
}
.set_btn img {
 border-radius:50%;
 vertical-align:middle;
 display:inline-block;
 background:url(/static/img/menu_icon.png) no-repeat 0 0
}
#nav_list {
 display:none;
 z-index:999;
 width:140px;
 position:absolute;
 top:60px;
 right:0;
 background:#363c41;
 list-style:none
}
#nav_list li a {
 border-top:1px solid #4a5153;
 height:39px;
 line-height:39px;
 font-size:14px;
 background-image:url(/static/img/menu_icon.png?t=10);
 background-repeat:no-repeat;
 display:block;
 color:#fff;
 text-align:left;
 padding:0;
 padding-left:47px;
 width:auto
}
#nav_list a:hover {
 color:#fff;
 background-color:#4d5559
}
#nav_list #my_space {
 padding:0 18px;
 background-image:none;
 border:0;
 height:49px;
 line-height:49px;
 text-align:center
}
#nav_list .my_message {
 background-position:19px -46px
}
#nav_list #my_note {
 background-position:19px -90px
}
#nav_list #my_question {
 background-position:19px -128px
}
#nav_list #my_setting {
 background-position:19px -167px
}
#nav_list #my_logout {
 background-position:19px -207px
}
.myspace_remind {
 width:10px;
 height:10px;
 background:url(/static/img/space-remind.png) no-repeat 0 0;
 position:absolute;
 top:10px;
 right:10px
}
#footer {
 background:#1c1f21;
 border-top:1px solid #e2e4e6;
 font-size:12px;
 color:#787d82;
 padding:27px 0;
 min-width:620px
}
#footer .waper {
 width:auto;
 max-width:1200px
}
#footer .footer_intro {
 padding-left:40px
}
#footer p {
 line-height:1.7
}
.footer_logo {
 display:none;
 float:left;
 background:url(/static/img/common/footer-sprite.png?t=2) 0 -230px no-repeat;
 height:40px;
 width:120px;
 margin:0 20px
}
#footer .des {
 width:445px
}
#footer .followus {
 margin-right:34px;
 padding-left:30px
}
.followus a {
 float:left;
 position:relative;
 width:32px;
 height:32px;
 background-image:url(/static/img/common/footer-sprite.png?t=2);
 background-repeat:no-repeat;
 margin:3px 6px 0;
 opacity:.5;
 -webkit-transition:opacity .2s;
 -moz-transition:opacity .2s;
 transition:opacity .2s;
 z-index:2
}
#footer .followus a:hover {
 opacity:1
}
.flw-weixin-box {
 position:absolute;
 display:none;
 width:170px;
 height:220px;
 left:-69px;
 bottom:35px;
 background:url(/static/img/common/footer-sprite.png?t=2) no-repeat 0 0
}
.followus .followus-weixin {
 background-position:0 -279px
}
.followus-weixin:hover .flw-weixin-box {
 display:block
}
.followus .followus-weibo {
 background-position:0 -321px
}
.followus .followus-qzone {
 background-position:0 -363px
}
.friend-links {
 line-height:60px
}
.friend-links a {
 display:inline-block;
 margin-right:20px
}
.friend-links a:hover {
 text-decoration:underline;
 color:#000
}
.friend-links dl {
 padding:0 10px
}
.friend-links dd {
 float:left;
 width:160px
}
.footer_link ul {
 overflow:hidden;
 margin-top:-1px
}
.footer_link a:active,
.footer_link a:link,
.footer_link a:visited {
 color:#c8cdd2
}
.footer_link a:hover {
 color:#fff
}
#footer .footer_link {
 margin-bottom:4px;
 line-height:1.8
}
#footer .footer_link li {
 margin-right:30px;
 text-align:center;
 float:left
}
.page {
 margin:25px 0 auto;
 overflow:hidden;
 clear:both;
 text-align:center
}
.page-inner {
 padding:0 20px
}
.page a {
 display:inline-block;
 margin:0 8px;
 padding:0 4px;
 min-width:24px;
 line-height:32px;
 font-size:14px;
 color:#4d555d;
 text-align:center;
 border-radius:16px;
 -webkit-transition:border-color .2s;
 -moz-transition:border-color .2s;
 transition:border-color .2s
}
.page a.text-page-tag:hover {
 background:#d9dde1;
 color:#4d555d;
 text-decoration:none
}
.page a.text-page-tag.active {
 background:#4d555d;
 color:#fff
}
.page span,
.page-disabled {
 display:inline-block;
 padding:0 4px;
 min-width:24px;
 height:32px;
 line-height:32px;
 font-size:14px;
 color:#c8cdd2;
 text-align:center
}
.page-first,
.page-last {
 width:50px
}
.page-next,
.page-prev {
 width:70px
}
.page .notmargin {
 margin-right:0
}
.bordered {
 border-bottom:solid 1px #d0d6d9
}
.panel {
 -webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);
 -moz-box-shadow:0 2px 4px rgba(0,0,0,.2);
 box-shadow:0 2px 4px rgba(0,0,0,.2);
 padding:0 20px;
 color:#1c1f21;
 background-color:#fff;
 margin-bottom:20px
}
.panel-heading {
 border-bottom:solid 1px #d0d6d9
}
.panel-title {
 height:50px;
 line-height:50px;
 font-size:16px
}
select {
 margin:0;
 font-size:100%;
 cursor:pointer;
 font-weight:400;
 background-color:#fff;
 border:1px solid #ccc;
 color:#555;
 display:inline-block;
 font-size:14px;
 height:30px;
 line-height:30px;
 padding:4px 6px;
 vertical-align:middle
}
select:focus {
 outline:thin dotted #333;
 outline:5px auto -webkit-focus-ring-color;
 outline-offset:-2px
}
a.btn-add-collection {
 display:block;
 background:url(/static/img/course/new_add_collection.png) no-repeat 46px top;
 height:32px;
 color:#909b9e;
 text-align:center;
 line-height:35px
}
a.btn-add-collection:hover {
 background-position:46px -44px;
 color:#fff
}
a.btn-remove-collection {
 background-position:46px -88px;
 color:#909b9e
}
a.btn-remove-collection:hover {
 background-position:46px -130px
}
.course-title .btn-add-collection {
 margin-top:6px
}
.videohead .btn-add-collection {
 margin-top:20px
}
.js-btn-collection .concerned-icon {
 margin-top:34px;
 display:inline-block
}
progress {
 display:inline-block;
 background:#f0f0f0;
 border:0;
 height:6px;
 color:#aad94a;
 width:400px
}
progress::-webkit-progress-bar {
 background:#f0f0f0
}
progress::-moz-progress-bar {
 background:#aad94a
}
progress::-webkit-progress-value {
 background:#aad94a
}
.progress {
 background:#f0f0f0;
 height:6px;
 width:400px;
 display:inline-block
}
.progressBar {
 background:#aad94a;
 height:6px
}
.teacher-icon {
 width:7px;
 margin-left:5px;
 position:relative;
 top:1px
}
.lottery {
 position:fixed;
 right:0;
 top:50%;
 margin-top:-218px;
 z-index:4
}
.elevator-lottery {
 background:url(/static/img/act/lottery-float.png);
 width:102px;
 height:102px;
 background-size:cover;
 display:block
}
.elevator {
 position:fixed;
 padding:0 16px;
 top:55%;
 margin-top:-140px;
 right:0;
 z-index:899;
 background-color:#fff;
 box-shadow:0 4px 12px 0 rgba(7,17,27,.1)
}
.elevator a {
 display:block;
 width:26px;
 padding:16px 0;
 font-size:22px;
 line-height:20px;
 color:#b5b9bc;
 box-sizing:border-box;
 text-align:center;
 border-bottom:1px solid #edf1f2
}
.elevator a:hover {
 color:#14191e
}
.elevator a i {
 font-size:24px;
 color:#d9dde1
}
.elevator a i:hover {
 color:#14191e
}
.elevator a span {
 display:none;
 font-size:12px;
 color:#07111b;
 line-height:14px
}
.elevator .no-goto {
 border-bottom:none
}
.elevator .elevator-dist i {
 display:inline-block;
 width:18px;
 height:20px;
 background:url(/static/img/index/redPacket.png) no-repeat;
 background-size:100% 100%;
 background-position:top center;
 margin:2px 0
}
.elevator .elevator-app:hover i,
.elevator .elevator-dist:hover i,
.elevator .elevator-faq:hover i,
.elevator .elevator-msg:hover i,
.elevator .elevator-top:hover i,
.elevator .elevator-weixin:hover i {
 display:none
}
.elevator .elevator-app:hover span,
.elevator .elevator-dist:hover span,
.elevator .elevator-faq:hover span,
.elevator .elevator-msg:hover span,
.elevator .elevator-top:hover span,
.elevator .elevator-weixin:hover span {
 display:inline-block
}
.elevator .elevator-app-box {
 position:absolute;
 width:172px;
 height:212px;
 bottom:-2px;
 right:56px;
 -webkit-transition:opacity .25s,transform .3s;
 -moz-transition:opacity .25s,transform .3s;
 transition:opacity .25s,transform .3s;
 opacity:0;
 max-width:0;
 -webkit-transform:scale(.01);
 -ms-transform:scale(.01);
 transform:scale(.01);
 -webkit-transform-origin:100% 95%;
 -ms-transform-origin:100% 95%;
 transform-origin:100% 95%;
 background:url(/static/img/common/elevator.png?t=2) no-repeat 0 -220px
}
.elevator .elevator-app:hover .elevator-app-box {
 display:block;
 visibility:visible;
 opacity:1;
 max-width:none;
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}
.elevator .elevator-weixin-box {
 position:absolute;
 width:172px;
 height:212px;
 bottom:-4px;
 right:56px;
 -webkit-transition:opacity .25s,transform .3s;
 -moz-transition:opacity .25s,transform .3s;
 transition:opacity .25s,transform .3s;
 opacity:0;
 max-width:0;
 -webkit-transform:scale(.01);
 -ms-transform:scale(.01);
 transform:scale(.01);
 -webkit-transform-origin:100% 95%;
 -ms-transform-origin:100% 95%;
 transform-origin:100% 95%;
 background:url(/static/img/common/elevator.png?t=2) no-repeat 0 0
}
.elevator .elevator-weixin:hover .elevator-weixin-box {
 display:block;
 visibility:visible;
 opacity:1;
 max-width:none;
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}
a {
 outline:0
}
a:active {
 star:expression(this.onFocus=this.blur())
}
a,
button,
input {
 outline:0
}
button::-moz-focus-inner {
 border:0
}
input::-moz-focus-inner {
 border:0
}
.autowrap {
 word-wrap:break-word;
 word-break:break-all
}
.compatible-contianer {
 position:fixed;
 top:0;
 left:0;
 right:0;
 min-width:800px;
 height:30px;
 line-height:30px;
 background:url(/static/img/iebg.gif) repeat-x;
 z-index:999999
}
.cpt-ct {
 color:#363636;
 font-size:12px;
 text-align:center
}
.cpt-ct i {
 display:inline-block;
 width:12px;
 height:14px;
 vertical-align:-2px;
 margin-right:5px;
 background:url(/static/img/iefixed-sprite.png) no-repeat 0 0
}
.cpt-ct a {
 color:#39b94e
}
.cpt-ct a:hover {
 text-decoration:underline
}
.cpt-handle {
 position:absolute;
 right:20px;
 top:0;
 font-size:12px;
 line-height:27px
}
.cpt-handle a {
 display:inline-block;
 vertical-align:middle
}
.cpt-handle .cpt-agin {
 color:#656e73;
 margin-right:5px
}
.cpt-handle .cpt-agin:hover {
 color:#363d40
}
.cpt-close {
 width:16px;
 height:16px;
 text-align:center;
 line-height:16px;
 border-radius:50%;
 transition:.3s
}
.cpt-close:hover {
 background-color:#fc8800
}
.cpt-close i {
 display:inline-block;
 height:8px;
 width:8px;
 vertical-align:1px;
 background:url(/static/img/iefixed-sprite.png) no-repeat 0 -24px
}
.cpt-close:hover i {
 background-position:0 -42px
}
.layer-usercard {
 position:absolute;
 z-index:999;
 width:370px;
 height:165px;
 background:#fff;
 box-shadow:0 2px 2px #999
}
.layer-usercard .arrow {
 position:absolute;
 left:65px;
 top:-11px;
 width:19px;
 height:11px;
 background:url(/static/img/dot_usercard.png)
}
.layer-usercard-header {
 height:110px;
 background:#2a2c2e
}
.layer-usercard-header .avatar img {
 border-radius:50px;
 left:21px;
 position:absolute;
 top:21px;
 border:3px solid #7f8082
}
.layer-usercard-header dd,
.layer-usercard-header dt {
 float:right;
 width:245px;
 padding-right:20px;
 color:#fff
}
.layer-usercard-header dt {
 padding-top:20px;
 font-size:18px
}
.layer-usercard-header dd {
 font-size:12px
}
.layer-usercard-info ul {
 overflow:hidden;
 padding-top:16px;
 height:32px;
 font-size:16px;
 color:#364247;
 position:relative
}
.layer-usercard-info li {
 float:left;
 padding:0 22px;
 border-right:1px solid #d9d9d9
}
.layer-usercard-info span {
 color:#969b9e;
 font-size:12px
}
.layer-usercard-info li.noborder {
 border:0
}
li.layer-usercard-medal {
 padding:0;
 top:12px;
 right:10px;
 width:117px;
 position:absolute;
 border:0
}
.layer-usercard-medal a {
 width:32px;
 height:32px;
 float:left;
 margin-right:5px;
 border-radius:1px;
 overflow:hidden
}
.ipt {
 color:#1c1f21;
 background-color:#fff;
 border:1px solid #98a1a6;
 height:20px;
 padding:9px 9px;
 font-size:14px;
 line-height:20px;
 border-radius:0;
 -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 border-color:#98a1a6;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
select.ipt {
 height:20px;
 line-height:20px
}
select[multiple].ipt,
textarea.ipt {
 height:auto
}
.ipt:-moz-placeholder {
 color:#c8cdd2
}
.ipt::-moz-placeholder {
 color:#c8cdd2;
 opacity:1
}
.ipt:-ms-input-placeholder {
 color:#c8cdd2
}
.ipt::-webkit-input-placeholder {
 color:#c8cdd2
}
.ipt.placeholder {
 color:#c8cdd2
}
.ipt:focus {
 border-color:#1c1f21;
 outline:0;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4);
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4)
}
.ipt.disabled,
.ipt[disabled],
.ipt[readonly] {
 cursor:default;
 background-color:#edf1f2;
 opacity:1
}
textarea.ipt {
 height:auto
}
.ipt-error {
 color:#ec1500;
 border-color:#ec1500;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.ipt-error:focus {
 border-color:#ec1500;
 outline:0;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4);
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4)
}
.btn {
 display:inline-block;
 margin-bottom:0;
 font-weight:200;
 text-align:center;
 vertical-align:middle;
 touch-action:manipulation;
 cursor:pointer;
 text-decoration:none;
 box-sizing:content-box;
 background-image:none;
 border:1px solid transparent;
 -webkit-appearance:none;
 white-space:nowrap;
 outline:0;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.btn.focus,
.btn:focus,
.btn:hover {
 color:#fff;
 text-decoration:none
}
.btn.active,
.btn:active {
 outline:0;
 background-image:none
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
 pointer-events:none;
 opacity:.65;
 box-shadow:none
}
.btn-red {
 color:#fff;
 background-color:#ec1500;
 border-color:#ec1500;
 border-style:solid;
 border-width:1px;
 cursor:pointer;
 -weibkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 width:138px;
 height:38px;
 line-height:38px;
 font-size:14px
}
.btn-red:link,
.btn-red:visited {
 color:#fff
}
.btn-red.focus,
.btn-red:focus,
.btn-red:hover {
 color:#fff;
 background-color:#ff2611;
 border-color:#ff2611
}
.btn-red.active,
.btn-red:active {
 background-color:#d31300;
 border-color:#d31300
}
.btn-red.disabled,
.btn-red.disabled.active,
.btn-red.disabled.focus,
.btn-red.disabled:active,
.btn-red.disabled:focus,
.btn-red.disabled:hover,
.btn-red[disabled],
.btn-red[disabled].active,
.btn-red[disabled].focus,
.btn-red[disabled]:active,
.btn-red[disabled]:focus,
.btn-red[disabled]:hover {
 cursor:default;
 box-shadow:none;
 background-color:#ec1500;
 border-color:#ec1500
}
.btn-blue {
 color:#fff;
 background-color:#1481b8;
 border-color:#1481b8;
 border-style:solid;
 border-width:1px;
 cursor:pointer;
 -weibkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 width:138px;
 height:38px;
 line-height:38px;
 font-size:14px
}
.btn-blue:link,
.btn-blue:visited {
 color:#fff
}
.btn-blue.focus,
.btn-blue:focus,
.btn-blue:hover {
 color:#fff;
 background-color:#1898d8;
 border-color:#1898d8
}
.btn-blue.active,
.btn-blue:active {
 background-color:#1271a1;
 border-color:#1271a1
}
.btn-blue.disabled,
.btn-blue.disabled.active,
.btn-blue.disabled.focus,
.btn-blue.disabled:active,
.btn-blue.disabled:focus,
.btn-blue.disabled:hover,
.btn-blue[disabled],
.btn-blue[disabled].active,
.btn-blue[disabled].focus,
.btn-blue[disabled]:active,
.btn-blue[disabled]:focus,
.btn-blue[disabled]:hover {
 cursor:default;
 box-shadow:none;
 background-color:#1481b8;
 border-color:#1481b8
}
.btn-green {
 color:#fff;
 background-color:#17823b;
 border-color:#17823b;
 border-style:solid;
 border-width:1px;
 cursor:pointer;
 -weibkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 width:138px;
 height:38px;
 line-height:38px;
 font-size:14px
}
.btn-green:link,
.btn-green:visited {
 color:#fff
}
.btn-green.focus,
.btn-green:focus,
.btn-green:hover {
 color:#fff;
 background-color:#1ca048;
 border-color:#1ca048
}
.btn-green.active,
.btn-green:active {
 background-color:#136c31;
 border-color:#136c31
}
.btn-green.disabled,
.btn-green.disabled.active,
.btn-green.disabled.focus,
.btn-green.disabled:active,
.btn-green.disabled:focus,
.btn-green.disabled:hover,
.btn-green[disabled],
.btn-green[disabled].active,
.btn-green[disabled].focus,
.btn-green[disabled]:active,
.btn-green[disabled]:focus,
.btn-green[disabled]:hover {
 cursor:default;
 box-shadow:none;
 background-color:#17823b;
 border-color:#17823b
}
.btn-normal {
 color:#787d82;
 background-color:#fff;
 border-color:#d0d6d9;
 border-style:solid;
 border-width:1px;
 cursor:pointer;
 -weibkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 width:138px;
 height:38px;
 line-height:38px;
 font-size:14px
}
.btn-normal:link,
.btn-normal:visited {
 color:#787d82
}
.btn-normal.focus,
.btn-normal:focus,
.btn-normal:hover {
 color:#787d82;
 background-color:#edf1f2;
 border-color:#98a1a6
}
.btn-normal.active,
.btn-normal:active {
 background-color:#f2f2f2;
 border-color:#c2cace
}
.btn-normal.disabled,
.btn-normal.disabled.active,
.btn-normal.disabled.focus,
.btn-normal.disabled:active,
.btn-normal.disabled:focus,
.btn-normal.disabled:hover,
.btn-normal[disabled],
.btn-normal[disabled].active,
.btn-normal[disabled].focus,
.btn-normal[disabled]:active,
.btn-normal[disabled]:focus,
.btn-normal[disabled]:hover {
 cursor:default;
 box-shadow:none;
 background-color:#fff;
 border-color:#d0d6d9
}
.btn-sm {
 width:78px;
 height:28px;
 line-height:28px;
 font-size:12px
}
.send-area-result {
 background:#fff;
 box-shadow:0 0 8px rgba(0,0,0,.4);
 -moz-box-shadow:0 0 8px rgba(0,0,0,.4);
 -webkit-box-shadow:0 0 8px rgba(0,0,0,.4);
 position:absolute;
 top:58px;
 left:0;
 width:inherit
}
.send-area-result dt {
 font-size:12px;
 color:#c8cdd2;
 line-height:40px;
 height:40px;
 padding:0 10px
}
.send-area-result dd {
 height:40px;
 line-height:40px
}
.send-area-result dd a.questiontitle {
 border:none;
 font-size:14px;
 color:#787d82;
 width:inherit;
 text-align:left;
 height:40px;
 line-height:40px;
 padding:0 10px;
 display:block
}
.oncurr {
 color:#14191e;
 background:#edf1f2
}
.send-area-result dd a.questiontitle em,
.send-area-result dd a.questiontitle i {
 font-style:normal;
 font-size:12px;
 margin-left:10px
}
.send-area-result dd a.questiontitle em {
 color:#c8cdd2
}
.send-area-result dd a.questiontitle i {
 color:#00b33b
}
.visible-xs-block {
 display:none
}
@media screen and (max-width:1479px) {
 .search-warp {
  margin-left:10px!important
 }
 .search-area {
  width:140px!important
 }
 .nav-item li {
  transition:.3s;
  margin:0
 }
 .nav-item li>a {
  padding:0 10px!important
 }
}
@media screen and (max-width:1366px) {
 .searchTags {
  display:none!important
 }
}
@media screen and (max-width:1200px) {
 .nav-item li {
  transition:.3s;
  margin:0
 }
 .nav-item li>a {
  padding:0 8px!important
 }
 .search-area {
  width:120px!important
 }
 #footer .followus {
  padding-left:0
 }
 #footer .footer_link li {
  margin-right:10px
 }
}
@media screen and (max-width:979px) {
 #nav {
  padding:0 15px
 }
 #logo {
  margin-left:0
 }
 #logo a {
  width:130px
 }
 .nav-item li>a {
  padding:0 15px
 }
 .logined li>a,
 .remind_warp {
  width:50px
 }
 .msg_icon {
  left:30px
 }
 .remind_warp .msg_remind {
  right:5px
 }
 .header-app {
  display:none
 }
 .search-area {
  width:200px
 }
 .header-signin a {
  width:50px
 }
 #footer {
  text-align:center
 }
 #footer .followus {
  float:none;
  padding:0;
  margin-bottom:8px
 }
 #footer .followus a {
  float:none;
  display:inline-block
 }
 #footer .footer_intro {
  float:none;
  padding-left:0
 }
 #footer .footer_link li {
  float:none;
  display:inline-block;
  margin-right:16px
 }
}
@media screen and (max-width:767px) {
 #nav {
  padding:0 15px
 }
 #logo {
  margin-left:0
 }
 #logo a {
  width:120px
 }
 .elevator,
 .wd-scroll {
  display:none
 }
 .visible-xs-block {
  display:block
 }
 #login-area,
 .search-warp {
  display:none
 }
 #footer {
  display:none
 }
 html.holding {
  height:100%;
  overflow:hidden
 }
 body:after {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  z-index:1000;
  content:" ";
  display:block;
  background:#000;
  opacity:0;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  visibility:hidden
 }
 body.slide-left {
  -webkit-transform:translate(-130px,0);
  -ms-transform:translate(-130px,0);
  transform:translate(-130px,0);
  margin-right:-130px;
  padding-right:130px;
  height:100%;
  overflow:hidden
 }
 body.slide-left:after {
  left:-130px;
  visibility:visible;
  opacity:.3;
  z-index:1002
 }
 footer {
  display:none
 }
 .navbar-toggle {
  position:relative;
  float:right;
  border:0;
  color:#fff;
  margin-top:10px;
  margin-right:-5px;
  outline:0;
  padding:5px 10px
 }
 .navbar-toggle,
 .navbar-toggle:focus,
 .navbar-toggle:hover {
  background:0 0
 }
 .navbar-toggle .icon-menu {
  color:#fff;
  font-size:32px
 }
 body.slide-left .nav-item {
  display:block
 }
}
.lotterycomer {
 width:100%;
 height:50px;
 background-image:url(/static/img/act/lottery-top-02.png);
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
 display:block;
 cursor:pointer;
 position:relative;
 z-index:9999
}
.lotterycomer.hide {
 display:none!important
}
.newcomer {
 width:100%;
 height:136px;
 position:fixed;
 left:0;
 bottom:0;
 z-index:999;
 background-image:url(/static/img/newcomer.png);
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat
}
.newcomer i {
 position:absolute;
 right:20px;
 bottom:48px;
 font-size:20px;
 color:rgba(255,255,255,.6)
}
.newcomer i:hover {
 color:#fff
}
.lottery {
 position:fixed;
 right:0;
 top:50%;
 margin-top:-218px;
 z-index:4
}
.elevator-lottery {
 background:url(/static/img/act/lottery-float.png);
 width:102px;
 height:102px;
 background-size:cover;
 display:block
}
.elevator-lottery i {
 float:right;
 color:#fff;
 margin:3px
}
.newcomer_mask {
 position:fixed;
 z-index:998;
 width:100%;
 height:100%;
 left:0;
 bottom:0;
 background:rgba(7,17,27,.6)
}
.newcomer_modal {
 position:fixed;
 z-index:999;
 left:50%;
 margin-left:-198px;
 top:50%;
 margin-top:-190px;
 width:396px;
 height:390px;
 background:#fff;
 box-shadow:0 8px 16px 0 rgba(28,31,33,.2);
 border-radius:12px;
 background-image:url(/static/img/newcomer_bg.png);
 background-repeat:no-repeat;
 background-size:100% 360px
}
.newcomer_modal .get-btn {
 width:320px;
 height:48px;
 margin:0 auto;
 margin-top:280px;
 margin-bottom:16px;
 font-weight:700;
 font-size:16px;
 color:#fff;
 text-align:center;
 line-height:48px;
 cursor:pointer;
 background-image:linear-gradient(-135deg,#f9662d 0,#f01414 100%);
 border-radius:24px
}
.newcomer_modal .next-time {
 font-size:14px;
 color:#9199a1;
 line-height:22px;
 text-align:center;
 cursor:pointer
}
.newcomer_modal .next-time:hover {
 color:#545c63
}
@media screen and (max-width:480px) {
 .elevator,
 .wd-scroll {
  display:none
 }
}
@font-face {
 font-family:icomoon;
 src:url(/static/fonts/icomoon/fonts/icomoon.eot?d8493nx);
 src:url(/static/fonts/icomoon/fonts/icomoon.eot?d8493nx#iefix) format('embedded-opentype'),
 url(/static/fonts/icomoon/fonts/icomoon.ttf?d8493nx) format('truetype'),
 url(/static/fonts/icomoon/fonts/icomoon.woff?d8493nx) format('woff'),
 url(/static/fonts/icomoon/fonts/icomoon.svg?d8493nx#icomoon) format('svg');
 font-weight:400;
 font-style:normal
}
[class*=" icon-"],
[class^=icon-] {
 font-family:icomoon;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.icon-score_shop:before {
 content:"\e927"
}
.icon-receipt:before {
 content:"\e928"
}
.icon-set_key:before {
 content:"\e922"
}
.icon-set_sns:before {
 content:"\e923"
}
.icon-set_phone:before {
 content:"\e924"
}
.icon-set_email:before {
 content:"\e925"
}
.icon-remove_circle:before {
 content:"\e921"
}
.icon-set2:before {
 content:"\e920"
}
.icon-share2:before {
 content:"\e91f"
}
.icon-thumb_o:before {
 content:"\e91e"
}
.icon-check:before {
 content:"\e91d"
}
.icon-radiobu_on:before {
 content:"\e919"
}
.icon-radiobut_off:before {
 content:"\e91a"
}
.icon-checkbox_o:before {
 content:"\e91b"
}
.icon-checkbox:before {
 content:"\e91c"
}
.icon-group_add:before {
 content:"\e918"
}
.icon-exp_o:before {
 content:"\e917"
}
.icon-left3:before {
 content:"\e90a"
}
.icon-godown:before {
 content:"\e910"
}
.icon-goup:before {
 content:"\e912"
}
.icon-notifi:before {
 content:"\e909"
}
.icon-del:before {
 content:"\e60f"
}
.icon-edit:before {
 content:"\e60b"
}
.icon-drop_left:before {
 content:"\e915"
}
.icon-drop_right:before {
 content:"\e90b"
}
.icon-drop_up:before {
 content:"\e916"
}
.icon-drop_down:before {
 content:"\e90c"
}
.icon-notdisplay:before {
 content:"\e90d"
}
.icon-wiki:before {
 content:"\e608"
}
.icon-blog:before {
 content:"\e90e"
}
.icon-yuanwen:before {
 content:"\e90f"
}
.icon-plan:before {
 content:"\e609"
}
.icon-shizhan:before {
 content:"\e911"
}
.icon-tick:before {
 content:"\e600"
}
.icon-left2:before {
 content:"\e913"
}
.icon-right2:before {
 content:"\e914"
}
.icon-down2:before {
 content:"\e903"
}
.icon-up2:before {
 content:"\e904"
}
.icon-flag2:before {
 content:"\e902"
}
.icon-close2:before {
 content:"\e905"
}
.icon-star_outline:before {
 content:"\e901"
}
.icon-star2:before {
 content:"\e900"
}
.icon-show-pw:before {
 content:"\e648"
}
.icon-share-weibo:before {
 content:"\e645"
}
.icon-share-weichat:before {
 content:"\e646"
}
.icon-share-qq:before {
 content:"\e647"
}
.icon-home:before {
 content:"\e601"
}
.icon-clock:before {
 content:"\e602"
}
.icon-chat:before {
 content:"\e603"
}
.icon-msg:before {
 content:"\e604"
}
.icon-resp:before {
 content:"\e605"
}
.icon-addques:before {
 content:"\e606"
}
.icon-user:before {
 content:"\e607"
}
.icon-note:before {
 content:"\e60a"
}
.icon-share:before {
 content:"\e60c"
}
.icon-set:before {
 content:"\e60d"
}
.icon-camera:before {
 content:"\e60e"
}
.icon-search:before {
 content:"\e610"
}
.icon-key:before {
 content:"\e611"
}
.icon-smail:before {
 content:"\e613"
}
.icon-point:before {
 content:"\e614"
}
.icon-ques:before {
 content:"\e615"
}
.icon-tick2:before {
 content:"\e616"
}
.icon-chapter:before {
 content:"\e617"
}
.icon-mobile:before {
 content:"\e618"
}
.icon-gotop:before {
 content:"\e619"
}
.icon-statistic:before {
 content:"\e61a"
}
.icon-code:before {
 content:"\e61b"
}
.icon-video:before {
 content:"\e61c"
}
.icon-test:before {
 content:"\e61d"
}
.icon-menu:before {
 content:"\e61e"
}
.icon-plus:before {
 content:"\e61f"
}
.icon-sub:before {
 content:"\e620"
}
.icon-close:before {
 content:"\e621"
}
.icon-down:before {
 content:"\e622"
}
.icon-left:before {
 content:"\e623"
}
.icon-top:before {
 content:"\e624"
}
.icon-right:before {
 content:"\e625"
}
.icon-exit:before {
 content:"\e626"
}
.icon-refresh:before {
 content:"\e627"
}
.icon-again:before {
 content:"\e628"
}
.icon-bell:before {
 content:"\e629"
}
.icon-nobell:before {
 content:"\e62a"
}
.icon-nolearn:before {
 content:"\e62b"
}
.icon-half:before {
 content:"\e62c"
}
.icon-full:before {
 content:"\e62d"
}
.icon-info:before {
 content:"\e926"
}
.icon-point-revert:before {
 content:"\e62e"
}
.icon-ques-revert:before {
 content:"\e62f"
}
.icon-tick-revert:before {
 content:"\e630"
}
.icon-flag:before {
 content:"\e631"
}
.icon-msg-revert:before {
 content:"\e632"
}
.icon-ad:before {
 content:"\e633"
}
.icon-imooc:before {
 content:"\e634"
}
.icon-thumb:before {
 content:"\e635"
}
.icon-thumb-revert:before {
 content:"\e636"
}
.icon-star:before {
 content:"\e637"
}
.icon-star-revert:before {
 content:"\e638"
}
.icon-heart:before {
 content:"\e639"
}
.icon-heart-revert:before {
 content:"\e63a"
}
.icon-qq:before {
 content:"\e63b"
}
.icon-weibo:before {
 content:"\e63c"
}
.icon-qqweibo:before {
 content:"\e63d"
}
.icon-weixin:before {
 content:"\e63e"
}
.icon-folder:before {
 content:"\e63f"
}
.icon-jian:before {
 content:"\e640"
}
.icon-ding:before {
 content:"\e641"
}
.icon-you:before {
 content:"\e642"
}
.icon-apple:before {
 content:"\e643"
}
.icon-android:before {
 content:"\e644"
}
.icon-mail:before {
 content:"\e612"
}
.icon-wxgzh:before {
 content:"\e907"
}
.icon-appdownload:before {
 content:"\e908"
}
.icon-feedback:before {
 content:"\e906"
}
.icon-shopping-cart:before {
 content:"\e929"
}
.icon-ques:before {
 content:"\e615"
}
.icon-down:before {
 content:"\e622"
}
.icon-left:before {
 content:"\e623"
}
.icon-top:before {
 content:"\e624"
}
.icon-right:before {
 content:"\e625"
}
@font-face {
 font-family:DINCond-M;
 src:url(/static/fonts/DINCondm/DINCOND-MEDIUM.otf);
 font-weight:400;
 font-style:normal
}
.note-editor {
 position:relative;
 z-index:0
}
.tipoff-block {
 display:none;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(7,17,27,.6);
 z-index:900
}
.tipoff-box {
 display:none;
 position:fixed;
 top:50%;
 left:50%;
 margin-top:-168px;
 margin-left:-225px;
 padding:24px 32px 32px;
 width:450px;
 height:336px;
 background:#fff;
 box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
 border-radius:8px;
 box-sizing:border-box;
 z-index:901
}
.tipoff-box .tipoff-loading {
 margin:10px auto;
 width:70px;
 z-index:6
}
.tipoff-box .tipoff-loading .bounce1,
.tipoff-box .tipoff-loading .bounce2,
.tipoff-box .tipoff-loading .bounce3 {
 width:20px;
 height:20px;
 background-color:#d9dde1;
 border-radius:100%;
 display:inline-block;
 -webkit-animation:bouncedelay 1.2s infinite ease-in-out;
 animation:bouncedelay 1.2s infinite ease-in-out;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.tipoff-box .tipoff-loading .bounce1 {
 -webkit-animation-delay:-.32s;
 animation-delay:-.32s
}
.tipoff-box .tipoff-loading .bounce2 {
 -webkit-animation-delay:-.16s;
 animation-delay:-.16s
}
@-webkit-keyframes bouncedelay {
 0%,
 100%,
 80% {
  -webkit-transform:scale(0)
 }
 40% {
  -webkit-transform:scale(1)
 }
}
@keyframes bouncedelay {
 0%,
 100%,
 80% {
  transform:scale(0);
  -webkit-transform:scale(0)
 }
 40% {
  transform:scale(1);
  -webkit-transform:scale(1)
 }
}
.tipoff-box .tipoff-top-box {
 margin-bottom:24px;
 width:100%;
 font-size:16px;
 color:#07111b;
 line-height:24px
}
.tipoff-box .tipoff-top-box .tipoff-close-btn {
 font-size:24px;
 color:#93999f;
 line-height:24px
}
.tipoff-box .tipoff-type-box {
 width:100%;
 height:48px;
 overflow:hidden;
 margin-bottom:24px
}
.tipoff-box .tipoff-type-box .item {
 width:33.3%;
 font-size:12px;
 color:#93999f;
 line-height:24px;
 overflow:hidden
}
.tipoff-box .tipoff-type-box .item i {
 display:inline-block;
 margin-right:4px;
 font-size:16px;
 line-height:24px
}
.tipoff-box .tipoff-type-box .item p {
 max-width:108px;
 height:24px;
 overflow:hidden
}
.tipoff-box .tipoff-content {
 position:relative
}
.tipoff-box .tipoff-content .tipoff-desc {
 padding:12px;
 width:386px;
 height:88px;
 background:#fff;
 border:1px solid #d9dde1;
 border-radius:2px;
 box-sizing:border-box;
 font-size:14px;
 color:#07111b;
 resize:none
}
.tipoff-box .tipoff-content .tipoff-text {
 position:absolute;
 bottom:12px;
 right:12px;
 font-size:12px;
 color:#93999f;
 line-height:12px
}
.tipoff-box .tipoff-btn-box {
 width:100%;
 margin-top:24px
}
.tipoff-box .tipoff-btn-box .tipoff-cancel-btn {
 margin-right:8px;
 width:76px;
 height:36px;
 line-height:36px;
 border:1px solid #d9dde1;
 border-radius:2px;
 font-size:14px;
 color:#93999f;
 text-align:center;
 cursor:pointer
}
.tipoff-box .tipoff-btn-box .tipoff-submit-btn {
 width:76px;
 height:36px;
 background:rgba(240,20,20,.8);
 border-radius:2px;
 font-size:14px;
 color:#fff;
 line-height:36px;
 text-align:center;
 cursor:pointer
}
.cart-color {
 background:linear-gradient(270deg,rgba(255,115,155,.7),#ff739b)
}
.cart-color.red {
 background:linear-gradient(270deg,rgba(255,115,155,.7),#ff739b)
}
.cart-color.orange {
 background:linear-gradient(270deg,rgba(255,150,0,.7),#ff9600)
}
.cart-color.green {
 background:linear-gradient(270deg,rgba(0,185,90,.7),#00b95a)
}
.cart-color.cyan {
 background:linear-gradient(270deg,rgba(0,200,200,.7),#00c8c8)
}
.cart-color.blue {
 background:linear-gradient(270deg,rgba(75,150,220,.7),#4b96dc)
}
.cart-color.purple {
 background:linear-gradient(270deg,rgba(210,115,230,.7),#d273e6)
}
body,
html {
 background-color:#fff
}
i {
 font-style:normal
}
.w {
 max-width:1152px;
 margin:0 auto
}
.pr {
 position:relative
}
.wgt-ipt-wrap {
 border:1px solid #93999f
}
.ipt-fake-focus {
 border-color:#93999f!important
}
.ipt-fake-error {
 border-color:#f01400
}
.ipt-fake-error.ipt-fake-focus {
 border-color:#93999f
}
.wgt-ipt {
 border:1px solid #b7bbbf
}
.wgt-ipt:focus {
 border-color:#93999f!important
}
#main {
 padding-top:0;
 color:#1c1f21;
 background:#f8fafc
}
#template-wrap {
 background:#fff;
 box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
 border-radius:12px;
 width:800px
}
.course-infos {
 position:relative;
 background-color:#172a34
}
.course-infos .w {
 height:200px
}
.course-infos .path {
 position:relative;
 z-index:1;
 padding-top:16px;
 padding-bottom:24px;
 line-height:24px;
 font-size:12px;
 color:rgba(255,255,255,.5);
 opacity:1
}
.course-infos .path span {
 color:rgba(255,255,255,.5)
}
.course-infos .path a {
 color:rgba(255,255,255,.5)
}
.course-infos .path a:hover {
 color:#fff
}
.course-infos .hd {
 clear:both
}
.course-infos h2 {
 position:relative;
 z-index:1;
 margin-bottom:8px;
 line-height:48px;
 font-size:32px;
 color:#fff
}
.course-infos .video-desc-trigger {
 margin:12px 0 0 28px;
 color:#fff;
 font-size:14px;
 opacity:.6;
 transition:opacity .3s
}
.course-infos .video-desc-trigger:hover {
 opacity:1
}
.course-infos .video-desc-trigger .ic-video {
 display:inline-block;
 margin-right:4px;
 width:16px;
 height:16px;
 vertical-align:-3px;
 background:url(/static/img/course/v2/info_s.png) no-repeat 0 0
}
.course-infos .statics {
 color:#fff;
 font-size:0;
 position:relative;
 z-index:3;
 margin-right:320px
}
.course-infos .statics .teacher-info {
 position:relative;
 padding-left:56px;
 padding-right:60px;
 line-height:12px;
 font-size:12px
}
.course-infos .statics .teacher-info img {
 float:left;
 margin-left:-56px;
 width:48px;
 height:48px;
 border-radius:100%
}
.course-infos .statics .teacher-info .tit {
 display:block;
 margin-top:3px
}
.course-infos .statics .teacher-info .tit a {
 font-size:14px;
 line-height:22px;
 font-weight:700;
 color:#fff
}
.course-infos .statics .teacher-info .tit a:hover {
 color:#fff
}
.course-infos .statics .teacher-info .job {
 font-size:12px;
 line-height:18px
}
.course-infos .statics .teacher-info .icon-imooc {
 color:#f01400;
 font-size:16px;
 margin:0 0 0 8px;
 vertical-align:-2px
}
.course-infos .statics .teacher-info .teacher-course {
 display:none;
 position:absolute;
 left:0;
 top:70px;
 padding:32px;
 padding-bottom:16px;
 background:#fff;
 box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
 border-radius:12px
}
.course-infos .statics .teacher-info .teacher-course .teacher-course-arrow {
 position:absolute;
 width:100%;
 top:-21px;
 height:35px;
 left:0
}
.course-infos .statics .teacher-info .teacher-course .teacher-course-arrow span {
 width:0;
 height:0;
 border-width:0 10px 10px;
 border-style:solid;
 border-color:transparent transparent #fff;
 overflow:hidden;
 top:12px;
 left:12px;
 position:absolute
}
.course-infos .statics .teacher-info .teacher-course .teacher-course-title {
 font-weight:700;
 font-size:16px;
 color:#07111b;
 line-height:24px
}
.course-infos .statics .teacher-info .teacher-course .teacher-course-title a {
 font-weight:200;
 font-size:12px;
 color:#545c63;
 line-height:24px
}
.course-infos .statics .teacher-info .teacher-course .recom-course-list li {
 float:left;
 width:352px;
 height:80px;
 overflow:hidden
}
.course-infos .statics .teacher-info .teacher-course .recom-course-list li .course-img {
 width:120px;
 height:80px
}
.course-infos .statics .teacher-info .teacher-course .teacher-course-big {
 width:1056px
}
.course-infos .statics .teacher-info .teacher-course .teacher-course-price {
 margin-top:2px;
 font-weight:700;
 font-size:12px;
 color:#4d555d;
 line-height:20px
}
.course-infos .statics .teacher-info .teacher-course .teacher-course-price .sales-tip {
 padding:0 4px;
 background:rgba(240,20,20,.6);
 border-radius:2px;
 font-size:12px;
 color:#fff;
 line-height:20px;
 height:20px
}
.course-infos .statics .teacher-info .teacher-course .teacher-course-price .sales-tip .sales-timer {
 display:inline;
 font-size:12px;
 margin-right:0;
 color:#fff;
 line-height:20px;
 font-style:normal;
 float:none;
 margin-left:4px
}
.course-infos .statics .teacher-info .teacher-course .teacher-course-price .discount-price {
 font-size:12px;
 color:#f01414;
 margin-right:4px;
 margin-top:0
}
.course-infos .statics .teacher-info:hover .teacher-course {
 display:block
}
.course-infos .statics .static-item:last-child:after {
 display:none
}
.course-infos .statics .static-item {
 display:inline-block;
 position:relative;
 margin-right:16px;
 font-size:12px;
 top:15px
}
.course-infos .statics .static-item:after {
 margin-left:16px;
 content:"·"
}
.course-infos .statics .static-item .meta {
 padding-right:8px;
 line-height:12px;
 font-size:12px;
 font-weight:700
}
.course-infos .statics .static-item .score-posi {
 position:absolute;
 padding:0 8px;
 right:-160px;
 bottom:-6px;
 color:#fff;
 font-size:12px;
 background:#fa0;
 box-shadow:0 4px 8px 0 rgba(255,170,0,.4);
 border-radius:6px;
 line-height:26px
}
.course-infos .statics .static-item .score-posi .imv2-arrow1_l {
 font-size:35px;
 left:-20px;
 position:absolute;
 top:-5px;
 color:#fa0
}
.course-infos .statics .static-item .score-wrap {
 display:none;
 position:absolute;
 top:-120px;
 left:0;
 color:#fff;
 z-index:1
}
.course-infos .statics .static-item .score-wrap .score-box {
 width:192px;
 padding:16px 20px;
 background:#fff;
 color:#545c63;
 box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
 border-radius:8px
}
.course-infos .statics .static-item .score-wrap .score-box .person-num {
 font-size:14px;
 color:#545c63
}
.course-infos .statics .static-item .score-wrap .score-box .evaluation-btn {
 font-size:12px;
 color:#fa0;
 cursor:pointer
}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box {
 margin-top:30px;
 clear:both
}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item {
 position:relative;
 display:inline-block;
 padding-right:20px
}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item:last-child {
 padding:0
}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item .meta-value {
 color:#1c1f21;
 font-weight:700;
 font-size:16px;
 line-height:18px;
 opacity:1
}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item .meta {
 margin-top:10px;
 padding-right:0;
 font-size:12px;
 color:#545c63;
 font-weight:200
}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item span {
 display:block;
 margin-top:0
}
.course-infos .statics .static-item .score-wrap .score-box .icon-drop_down {
 width:100%;
 position:absolute;
 font-size:50px;
 top:84px;
 color:#fff
}
.course-infos .statics .score-btn {
 cursor:pointer
}
.course-infos .statics .score-btn:hover .score-wrap {
 display:block
}
.course-infos .statics .static-time {
 font-size:12px
}
.course-infos .extra {
 position:absolute;
 right:0;
 top:24px;
 z-index:1
}
.course-infos .extra .share {
 display:inline-block;
 float:none;
 cursor:pointer;
 padding:0;
 line-height:normal;
 margin:0 12px;
 width:auto;
 height:auto;
 vertical-align:middle;
 background-image:none;
 font-size:24px;
 background-repeat:no-repeat;
 color:rgba(255,255,255,.6)
}
.course-infos .extra .share span {
 margin-top:2px;
 margin-left:5px;
 font-size:12px;
 line-height:24px;
 float:right
}
.course-infos .extra .share:hover {
 color:#fff
}
.course-infos .info-bg {
 overflow:hidden;
 z-index:0
}
.course-infos .info-bg,
.course-infos .info-bg .cover-canvas,
.course-infos .info-bg .cover-img-wrap,
.course-infos .info-bg .cover-mask {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%
}
.course-infos .info-bg .cover-img-wrap {
 z-index:0;
 overflow:hidden
}
.course-infos .info-bg .cover-img-wrap img {
 position:absolute;
 left:0;
 top:0
}
.course-info-menu {
 height:68px;
 line-height:68px;
 background:#fff;
 box-shadow:0 4px 8px 0 rgba(28,31,33,.1)
}
.course-info-menu .w {
 position:relative
}
.course-info-menu .course-menu li {
 float:left;
 text-align:center;
 position:relative
}
.course-info-menu .course-menu li span {
 position:absolute;
 font-size:12px;
 font-weight:200;
 color:#9199a1;
 line-height:18px;
 top:10px;
 left:64px
}
.course-info-menu .course-menu a {
 margin-right:80px;
 padding:0
}
.comp-filter-bar {
 position:relative;
 margin-bottom:30px
}
.comp-filter-bar span.moco-btn {
 position:absolute;
 right:0;
 top:-7px
}
.moco-change-smalle-btn {
 background:#f8fafc;
 margin-right:12px!important
}
.course-wrap {
 margin-bottom:8px;
 padding:24px 32px 32px;
 background:#fff;
 box-shadow:0 8px 16px 0 rgba(7,17,27,.1);
 border-radius:12px
}
.course-aside-info {
 margin-bottom:32px;
 min-height:150px
}
.course-info-main {
 margin-bottom:40px
}
.course-info-main .content-wrap {
 padding-right:352px;
 margin-bottom:29px;
 overflow:visible
}
.course-info-main .info-bar {
 position:relative;
 margin-bottom:65px
}
.course-info-main .info-bar .start-study-btn {
 width:320px;
 margin-bottom:-60px
}
.course-info-main .info-bar .start-study-title {
 position:absolute;
 right:0;
 top:70px;
 width:240px;
 text-align:center;
 color:#787d82;
 font-size:12px;
 height:20px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.course-info-main .info-bar.multiple .start-study-btn {
 margin-bottom:0
}
.course-info-main .aside {
 margin-top:-148px;
 margin-right:-352px;
 width:320px;
 position:relative;
 z-index:2
}
.course-info-main .aside .learn-info {
 text-align:right;
 font-size:12px;
 line-height:18px
}
.course-info-main .aside .learn-info span {
 float:left;
 font-weight:700;
 font-size:16px;
 line-height:24px
}
.course-info-main .aside .learn-info-media {
 margin-bottom:12px;
 font-size:12px;
 color:#545c63;
 line-height:18px
}
.course-info-main .aside .course-info-tip {
 padding-top:24px
}
.course-info-main .aside .course-info-tip dl.first {
 margin-bottom:24px
}
.course-info-main .aside .course-info-tip dt {
 margin-bottom:6px;
 font-weight:700;
 font-size:14px
}
.course-info-main .aside .course-info-tip dd {
 font-size:12px;
 line-height:24px;
 color:#545c63;
 white-space:pre-line
}
.course-info-main .aside .progress {
 margin:9px 0 24px;
 width:100%;
 height:16px;
 background:rgba(28,31,33,.1);
 border-radius:8px
}
.course-info-main .aside .progress ins {
 height:16px;
 content:"";
 width:0%;
 transition:2s width;
 background:#f20d0d;
 border-radius:8px
}
.course-info-main .aside .buy a,
.course-info-main .aside .learn-btn a {
 display:block
}
.course-info-main .aside .price-content {
 text-align:center;
 font-size:0
}
.course-info-main .aside .price-content .discount-box .discount-title {
 font-size:16px;
 color:#1c1f21;
 font-weight:700
}
.course-info-main .aside .price-content .discount-box .discount-time {
 font-size:16px;
 color:#f20d0d;
 text-align:right;
 margin-left:8px;
 font-weight:700
}
.course-info-main .aside .price-content .price-box {
 margin-top:8px;
 vertical-align:bottom
}
.course-info-main .aside .price-content .price-box .dis-price {
 font-size:32px;
 color:#f01414;
 line-height:45px;
 font-weight:700
}
.course-info-main .aside .price-content .price-box .ori-price {
 font-size:16px;
 color:#93999f;
 line-height:32px;
 margin-left:8px;
 font-weight:700;
 text-decoration:line-through
}
.course-info-main .aside .price-content .price-box .cur-price {
 font-size:32px;
 color:#1c1f21;
 font-weight:700
}
.course-info-main .aside .price-content .buy {
 margin-top:22px
}
.course-info-main .aside .hd {
 margin-bottom:38px
}
.course-info-main .aside h4 {
 font-weight:700;
 font-size:14px
}
.course-info-main .aside h4 small {
 margin-left:4px;
 font-size:12px;
 font-weight:400
}
.course-info-main .aside .refresh {
 margin-top:4px;
 font-size:12px;
 color:#787d82
}
.course-info-main .aside .refresh:hover {
 color:#f01400
}
.course-info-main .course-brief {
 font-size:14px;
 color:#4d555d;
 line-height:28px;
 word-break:break-all;
 padding-left:24px;
 padding-right:24px
}
.course-info-main.has-progress .aside {
 padding-top:14px
}
.course-info-main .content {
 float:left;
 padding-top:36px;
 width:100%
}
.course-info-main .content .ctit {
 margin-bottom:6px;
 font-weight:700;
 font-size:18px;
 color:#f01400
}
.course-info-main .content .course-brief {
 font-size:14px;
 color:#4d555d;
 line-height:28px;
 word-break:break-all
}
.course-info-main .content .course-outline .bar {
 margin-bottom:39px
}
.course-info-main .content .course-outline .tools {
 margin:7px 0 0 18px
}
.course-info-main .content .course-outline .tools li {
 display:block;
 padding:0 32px 0 20px;
 height:20px;
 line-height:20px;
 font-size:16px;
 font-weight:700;
 color:#787d82;
 border-left:1px solid #d0d6d9;
 cursor:default
}
.course-info-main .content .course-outline .tools li i {
 margin-left:8px;
 font-weight:400;
 vertical-align:-2px
}
.course-info-main .content .course-outline .tools li span {
 display:none;
 margin-left:8px;
 font-size:12px
}
.course-info-main .content .course-outline .tools li:hover span {
 display:inline
}
.course-info-main .content .course-outline .tools li:hover i {
 display:none
}
.outline-list .chapter {
 position:relative;
 overflow:hidden;
 padding:15px 0;
 z-index:2;
 vertical-align:middle
}
.outline-list .chapter a {
 cursor:default
}
.outline-list .chapter .chapter-icon {
 float:left;
 width:40px;
 height:40px;
 margin:5px 0 0 0;
 background:url(/static/img/course_info_sprit.png) no-repeat 0 -106px
}
.outline-list .chapter .chapter-bd {
 position:relative;
 margin-left:60px;
 float:none;
 padding:5px 0;
 overflow:hidden
}
.outline-list .chapter .chapter-bd .name {
 font-weight:700;
 font-size:16px
}
.outline-list .chapter .chapter-bd .desc {
 line-height:24px;
 font-size:12px;
 color:#787d82
}
.outline-list .chapter .name {
 color:#1c1f21
}
.outline-list .chapter.unopen .chapter-icon {
 background-position:0 -227px
}
.outline-list .chapter.unopen .chapter-bd .desc,
.outline-list .chapter.unopen .chapter-bd .name {
 color:#787d82
}
.outline-list .update-tip {
 padding:30px 0 30px 60px;
 color:#b5b9bc
}
.path {
 opacity:.6;
 color:#fff;
 font-size:12px
}
.path a {
 color:#fff
}
.path .path-split {
 margin:0 8px;
 font-style:normal
}
.path span {
 color:#fff
}
.start-study-btn {
 display:block;
 width:auto;
 height:60px;
 line-height:60px;
 text-align:center;
 color:#fff;
 font-size:18px;
 background-color:#f01400;
 border:0 none
}
.start-study-btn:hover {
 background-color:#ff4d4d
}
.start-study-btn.disabled {
 background-color:#edf1f2!important;
 color:#c8cdd2!important
}
.all-attention a {
 display:inline-block;
 margin-right:8px;
 margin-bottom:8px;
 padding:6px 12px;
 font-size:14px;
 line-height:20px;
 border-radius:16px
}
.all-attention a:hover {
 opacity:.8
}
.all-attention .style1 {
 color:#f30;
 background:rgba(255,51,0,.1)
}
.all-attention .style2 {
 color:#fff;
 background:rgba(255,153,0,.5)
}
.all-attention .style3 {
 color:#f60;
 background:rgba(255,102,0,.1)
}
.all-attention .style4 {
 color:#fff;
 background:rgba(255,51,0,.5)
}
.all-attention .style5 {
 color:#f90;
 background:rgba(255,153,0,.1)
}
.all-attention .style6 {
 color:#fff;
 background:rgba(255,102,0,.5)
}
.recom-course-list-box {
 box-sizing:border-box
}
.recom-course-list-box h4 {
 margin-bottom:12px
}
.recom-course-list-box .recom-course-list li:last-child {
 border-bottom:none
}
.recom-course-list-box .recom-course-list li {
 width:100%;
 padding:16px 0
}
.recom-course-list-box .recom-course-list li .course-img {
 margin-right:16px;
 width:96px;
 height:64px;
 background-size:cover;
 border-radius:8px;
 background-color:#f3f5f7
}
.recom-course-list-box .recom-course-list li .content-box {
 width:200px
}
.recom-course-list-box .recom-course-list li .content-box .smalle-title {
 margin-bottom:4px;
 font-size:14px;
 line-height:20px;
 text-overflow:ellipsis;
 word-break:break-all;
 word-wrap:break-word;
 overflow:hidden;
 max-height:40px;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.recom-course-list-box .recom-course-list li .content-box .learn-detail {
 font-size:12px;
 color:#545c63;
 line-height:18px
}
.recom-course-list-box .recom-course-list li .content-box .learn-detail span {
 padding:0 3px
}
.recom-course-list-box .recom-course-list li:hover .course-img {
 box-shadow:0 4px 8px 0 rgba(28,31,33,.4)
}
.recom-course-list-box .recom-course-list li:hover .smalle-title {
 color:#c20a0a
}
.all-attention-box h4 {
 margin-bottom:12px
}
.other-list {
 margin-top:12px;
 letter-spacing:0;
 overflow:hidden
}
.other-list li {
 font-size:12px;
 color:#4d555d;
 letter-spacing:normal
}
.other-list li .name {
 display:block;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 line-height:28px
}
.other-list li a {
 color:#4d555d
}
.other-list li a:hover {
 color:#07111b
}
.download .downlist {
 line-height:24px
}
.download .downlist li:nth-last-child(1) {
 border-bottom:none
}
.download .downlist li {
 position:relative;
 padding:12px 0;
 border-bottom:1px solid #d9dde1
}
.download .downlist li .download-item:hover span {
 color:#07111b
}
.download .downlist li .download-item:hover .downcode {
 color:#fff;
 background:#00b43c
}
.download .downlist li span {
 display:block;
 margin-right:35px;
 font-size:12px;
 color:#4d555d;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.download .downlist li span:hover {
 color:#07111b
}
.download .downlist li .icon {
 display:inline-block;
 vertical-align:-2px;
 margin-right:10px;
 font-size:16px
}
.download .downlist li .downcode {
 position:absolute;
 right:0;
 top:12px;
 height:24px;
 font-size:12px;
 padding:0 8px;
 line-height:24px;
 color:#00b33b;
 margin-right:0
}
.users-mini {
 position:relative;
 margin-right:-26px
}
.users-mini a {
 float:left;
 margin:20px 26px 0 0;
 width:40px;
 height:40px;
 border-radius:50%;
 overflow:hidden
}
.users-mini a img {
 width:100%;
 height:100%
}
.users-mini li {
 transition:all .6s;
 transform-origin:50% 50%
}
.users-mini li:nth-of-type(n+4) {
 transition-delay:.1s
}
.users-mini li:nth-of-type(n+8) {
 transition-delay:.2s
}
.users-mini li:nth-of-type(n+12) {
 transition-delay:.3s
}
.users-mini li:nth-of-type(n+16) {
 transition-delay:.4s
}
.users-mini .out {
 transform:translate3d(-14px,0,0);
 opacity:0
}
.users-mini .in {
 transform:translate3d(14px,0,0);
 opacity:0
}
.users-mini .in.show {
 transform:translate3d(0,0,0);
 opacity:1
}
.users-mini .row-last a {
 margin-right:0
}
.exp-progress {
 margin-right:320px
}
.exp-progress .exp-txt {
 font-size:12px
}
.exp-progress .exp-per {
 margin-right:8px;
 font-size:18px;
 font-weight:700;
 color:#f01400
}
.exp-progress .exp-per strong {
 font-size:32px
}
.exp-progress .exp-time {
 font-weight:700
}
.exp-progress .exp-time i {
 margin-right:1px
}
.exp-progress .exp-bar {
 position:relative;
 height:10px;
 background-color:#edf1f2;
 border-radius:8px;
 background-clip:content-box;
 overflow:hidden
}
.exp-progress .exp-bar ins {
 display:block;
 position:absolute;
 left:0;
 top:0;
 width:10%;
 height:10px
}
.exp-progress .exp-bar ins:before {
 content:'';
 display:block;
 height:100%;
 width:100%;
 border-radius:8px;
 background-color:#f01400;
 transform:translateZ(0);
 -webkit-animation:progressBar ease-in-out .7s .4s;
 -webkit-animation-fill-mode:both
}
@-webkit-keyframes progressBar {
 0% {
  width:0
 }
 100% {
  width:100%
 }
}
.no-data {
 padding:100px 0;
 background:rgba(28,31,33,.05);
 border-radius:12px;
 font-size:16px;
 color:#9199a1;
 line-height:24px;
 text-align:center
}
.no-data i {
 display:block;
 font-size:48px;
 color:#b2b8bd;
 line-height:48px
}
#notice {
 position:relative;
 margin-bottom:12px;
 background:#fa0;
 clear:both;
 font-size:12px;
 color:#fff;
 padding:0 10px;
 height:40px;
 margin-top:-20px;
 line-height:40px;
 overflow:hidden;
 cursor:pointer;
 border-radius:12px
}
#notice strong {
 padding-left:10px;
 font-weight:700
}
.pop-notice {
 position:fixed;
 width:700px;
 left:50%;
 margin-left:-350px;
 background:#fff;
 top:160px;
 padding:20px;
 z-index:999;
 margin-top:-20px;
 border-radius:2px;
 opacity:0
}
.pop-notice .content-box {
 overflow-y:scroll;
 max-height:570px
}
.pop-notice .pop-content {
 padding:0 16px
}
.pop-notice dt {
 border-top:1px solid #d9dde1;
 height:52px;
 font-weight:700;
 color:#07111b;
 font-size:16px;
 line-height:52px;
 position:relative
}
.pop-notice dt span {
 font-size:12px;
 margin-right:24px
}
.pop-notice dt .fold {
 position:absolute;
 left:20px;
 top:14px;
 font-size:12px;
 color:#787d82
}
.pop-notice dd {
 color:#2d555d;
 word-break:break-all;
 font-size:14px;
 line-height:28px;
 white-space:pre-line;
 margin:10px 0
}
.pop-notice span {
 font-size:12px;
 color:#93999f
}
.pop-notice .pop-header {
 padding:0 0 20px 5px
}
.pop-notice .pop-header h2 {
 font-size:16px;
 color:#07111b;
 font-weight:700
}
.pop-notice .pop-close {
 cursor:pointer;
 font-size:23px;
 font-weight:700;
 color:#787d82
}
.pop-overlay {
 opacity:.4;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background:#000;
 z-index:998
}
.pop-video {
 position:fixed;
 left:50%;
 top:50%;
 width:600px;
 height:340px;
 margin-left:-300px;
 margin-top:-170px;
 z-index:999
}
.pop-video .pop-close {
 position:absolute;
 left:100%;
 top:0;
 width:50px;
 height:50px;
 line-height:50px;
 background-color:#14191e;
 color:#fff;
 font-size:20px;
 text-align:center
}
@media screen and (max-width:1200px) {
 .w {
  margin-left:5%;
  margin-right:5%
 }
 .course-infos .statics .static-item {
  width:100px
 }
 .course-infos .statics .static-item:after {
  margin-left:16px;
  content:"·";
  display:none
 }
 .teacher-course-big {
  width:1002px!important
 }
 .teacher-course-big li {
  width:334px!important
 }
 .teacher-course-big li .content-box {
  width:180px!important
 }
}
@media screen and (max-width:820px) {
 .course-info-main .info-bar {
  margin-bottom:12px
 }
 .course-info-main .info-bar .start-study-btn {
  margin:0 auto;
  float:none
 }
 .course-info-main.has-progress .info-bar {
  margin-bottom:22px
 }
 .course-info-main.has-progress .start-study-btn {
  float:right
 }
 .course-info-main .content-wrap {
  padding-right:0
 }
 .course-info-main .content {
  float:none
 }
 .course-info-main .aside {
  float:none;
  margin-right:0;
  margin-bottom:40px;
  padding-top:0;
  width:auto
 }
 .users-mini a {
  margin-right:26px!important
 }
 .exp-progress {
  margin-right:260px
 }
}
.comment-verify-box {
 margin-left:85px
}
.verify-box {
 padding-top:20px
}
.verify-box .ipt {
 height:14px;
 width:110px;
 padding:14px 0 10px 8px;
 border:1px solid #d0d6d9;
 color:#b5b9bc;
 box-shadow:none
}
.verify-box .ipt:-moz-placeholder {
 color:#b5b9bc
}
.verify-box .ipt::-moz-placeholder {
 color:#b5b9bc;
 opacity:1
}
.verify-box .ipt:-ms-input-placeholder {
 color:#b5b9bc
}
.verify-box .ipt::-webkit-input-placeholder {
 color:#b5b9bc
}
.verify-box .ipt.placeholder {
 color:#b5b9bc
}
.verify-box .ipt::-moz-placeholder {
 color:#b5b9bc;
 opacity:1
}
.verify-box .ipt:-ms-input-placeholder {
 color:#b5b9bc
}
.verify-box .ipt::-webkit-input-placeholder {
 color:#b5b9bc
}
.verify-box .ipt.placeholder {
 color:#b5b9bc
}
.verify-box .ipt:focus {
 color:#1c1f21
}
.verify-box.vf-error .ipt {
 border-color:#f01400
}
.verify-box .verify-media {
 width:70px;
 height:40px;
 margin-left:10px;
 background-color:#787d82
}
.verify-box .verify-help {
 margin-left:10px;
 font-size:12px;
 color:#787d82
}
.verify-box .verify-help .verify-refresh {
 display:block;
 margin-top:4px;
 color:#00b33b
}
.empty-holder,
.unquestion {
 color:#d0d6d9;
 font-size:14px;
 text-align:center;
 padding:80px 0 30px 0
}
.empty-holder span,
.unquestion span {
 width:128px;
 height:128px;
 display:block;
 margin:0 auto 30px
}
.empty-holder {
 padding:0;
 margin-top:180px;
 color:#93999f;
 font-size:24px;
 line-height:24px;
 text-align:center;
 height:auto
}
.icon-empty-ques,
.unquestion span {
 background:url(/static/img/unques.png) no-repeat
}
.icon-empty-comment {
 background:url(/static/img/course/v2/empty-comment.png) no-repeat
}
a.from:hover {
 color:#f01400!important
}
.share-rl-tips {
 width:98px;
 display:inline-block;
 background-color:#fffaf5;
 color:#ff8922;
 font-size:12px;
 padding:5px 8px 5px 12px
}
.share-rl-tips strong {
 font-weight:700
}
.share-rl-tips .rule-arrow {
 background:url(/static/img/common/rl-arrow.png) 0 -11px no-repeat;
 position:absolute;
 right:51px;
 top:-6px;
 color:#ffe5cb;
 width:11px;
 height:6px
}
.share-rl-tips .credit-rl {
 color:#787d82;
 padding-left:7px
}
.share-rl-tips .credit-rl:hover {
 color:#14191e
}
.cont-credit {
 padding:5px 10px;
 margin:15px 0 3px;
 width:auto
}
.wui-dialog {
 z-index:1000!important
}
.userHeadialog {
 height:136px!important
}
.userHeadialog .signature {
 min-height:36px!important;
 max-height:36px!important;
 margin-bottom:15px!important;
 white-space:normal!important
}
.page {
 margin-top:40px!important
}
i {
 font-style:normal
}
#course_note {
 padding:0
}
#course_note li {
 border-bottom:1px solid #edf1f2;
 overflow:hidden;
 padding-bottom:20px;
 padding-top:20px
}
#course_note .notelist_headpic {
 float:left;
 margin-left:24px;
 width:40px
}
#course_note .notelist_headpic a {
 display:block;
 height:100%;
 border-radius:20px;
 overflow:hidden
}
#course_note .notelist_headpic img {
 display:block
}
#course_note .notelist_content {
 position:relative;
 margin-left:84px;
 margin-right:24px
}
#course_note .note-editor-tool {
 padding-top:16px;
 text-align:right
}
#course_note .note-editor-tool a {
 margin-left:12px
}
#course_note .u_name {
 height:20px;
 margin-bottom:10px
}
#course_note .u_name a {
 font-size:12px;
 line-height:20px;
 color:#14191e
}
#course_note .u_name a:hover {
 color:#f01400
}
#course_note .tipoff {
 position:absolute;
 top:0;
 right:0;
 font-size:12px;
 line-height:20px;
 color:#93999f
}
#course_note .tipoff:hover {
 color:#4d555d
}
#course_note .notelist-content {
 position:relative;
 max-height:168px;
 overflow:hidden
}
#course_note .notelist-content .note-content {
 font-size:14px;
 line-height:28px;
 color:#14191e;
 white-space:pre-wrap;
 word-break:break-word;
 font-family:"微软雅黑"
}
#course_note .notelist-content .notelist-content-more {
 position:absolute;
 top:140px;
 left:0;
 right:0;
 height:33px;
 line-height:33px;
 background-color:#fff
}
#course_note .notelist-content .notelist-content-more a {
 font-size:12px;
 color:#787d82
}
#course_note .notelist-content .notelist-content-more a:hover {
 color:#00b33b
}
.answercon {
 overflow:hidden;
 margin-bottom:8px
}
.answercon img {
 overflow:hidden;
 float:left;
 cursor:pointer
}
.answercon .answerImg {
 float:left;
 position:relative
}
.answercon .answerImg i {
 position:absolute;
 left:0;
 bottom:0;
 padding:0 5px;
 font-size:12px;
 line-height:20px;
 color:#fff;
 z-index:1;
 background-color:rgba(0,0,0,.4)
}
.answercon p a {
 color:#868686;
 cursor:pointer
}
.answercon .answerImg:hover i {
 display:none
}
.hover-area {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 overflow:hidden
}
.hover-area a,
.hover-area span {
 height:100%;
 line-height:88px;
 text-align:center;
 color:#fff;
 position:relative;
 cursor:pointer
}
.hover-area a {
 text-align:center;
 float:left;
 width:50%
}
.hover-area .slider-door {
 position:absolute;
 width:50%;
 height:100%;
 top:0;
 color:#fff;
 line-height:90px;
 text-align:center;
 z-index:2
}
.hover-area .slider-door:hover {
 cursor:pointer;
 background:rgba(0,0,0,.8) none repeat scroll!important
}
.hover-area .catch-pic {
 left:0;
 margin-left:-50%;
 background:rgba(0,0,0,.5) none repeat scroll!important
}
.hover-area .catch-video {
 right:0;
 margin-right:-50%;
 background:rgba(0,0,0,.3) none repeat scroll!important
}
.notelist-bottom {
 margin-top:15px;
 color:#93999f;
 font-size:12px
}
.notelist-bottom .notelist-actions {
 float:right
}
.notelist-bottom .notelist-actions a {
 padding-left:16px;
 color:#93999f;
 font-size:12px;
 overflow:hidden;
 cursor:pointer;
 line-height:22px
}
.notelist-bottom .notelist-actions a i {
 font-size:16px;
 position:relative;
 top:-2px
}
.notelist-bottom .notelist-actions a .collect-text {
 font-size:12px;
 top:0
}
.notelist-bottom .notelist-actions a em {
 float:none;
 font-size:12px
}
.notelist-bottom .notelist-actions .list-praise .icon-thumb-revert {
 font-size:16px;
 position:relative;
 top:2px
}
.from-course {
 margin-left:30px
}
.from-course:link,
.from-course:visited {
 color:#999
}
.from-course:active,
.from-course:hover {
 color:#333
}
a.color-gray {
 color:#969b9e
}
a.list-praise:link,
a.list-praise:visited {
 font-size:12px
}
a.list-praise:hover {
 text-decoration:none;
 color:#4d555d
}
a.list-praise:hover .icon_collection {
 background-position:right bottom
}
a.list-praise:hover .icon_good {
 background-position:right top
}
a.list-praise.on {
 color:#4d555d
}
a.list-praise em {
 padding:0 3px 0;
 line-height:16px;
 float:left;
 cursor:pointer
}
.icon_collection {
 width:16px;
 height:16px;
 background:url(../img/icon_notelist.png) left bottom no-repeat;
 display:inline-block;
 float:left
}
.icon_collection.on {
 background-position:right bottom
}
.icon_good {
 width:16px;
 height:16px;
 background:url(/static/img/icon_notelist.png) left top no-repeat;
 display:inline-block
}
.icon_good.on {
 background-position:right top
}
.defaultbox {
 border:1px solid #d3dce0
}
.ipt-fake-focus {
 border-color:#39b94e;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc;
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc
}
.ipt-fake-error {
 border-color:#c33
}
.ipt-fake-error.ipt-fake-focus {
 border-color:#c33;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d;
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d
}
.issques {
 border-bottom:1px solid #d3dce0;
 padding-bottom:30px;
 width:840px;
 margin:0 auto
}
.pub-editor-wrap {
 min-height:78px;
 position:relative
}
.pub-editor-wrap textarea {
 width:822px;
 min-height:62px;
 padding:8px;
 color:#555;
 font-size:14px;
 resize:none;
 line-height:18px
}
.pub-btn {
 background-color:#39b94e;
 height:40px;
 width:140px;
 line-height:40px;
 text-align:center;
 color:#fff;
 cursor:pointer;
 margin-top:20px;
 font-size:12px
}
.pub-btn:hover {
 background-color:#33a646
}
.error {
 border:1px solid #be3948
}
.errortip {
 background:url(../img/bbs.png) no-repeat -1px -336px;
 clear:both;
 padding-left:15px;
 margin:9px 0 0 0;
 font-size:12px;
 line-height:20px;
 color:#be3948;
 display:none
}
.limit-overflow {
 color:#c33
}
.maybe-wenda {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:9999;
 margin:auto;
 width:300px;
 height:280px;
 background:#fff;
 text-align:center;
 -webkit-box-shadow:0 0 4px rgba(0,0,0,.2);
 -moz-box-shadow:0 0 4px rgba(0,0,0,.2);
 box-shadow:0 0 4px rgba(0,0,0,.2);
 display:none
}
@keyframes show-maybe {
 0% {
  transform:scale(0) rotate(0);
  -webkit-transform:scale(0) rotate(0);
  -moz-transform:scale(0) rotate(0);
  -ms-transform:scale(0) rotate(0);
  opacity:0
 }
 60% {
  transform:scale(1.5) rotate(720deg);
  -webkit-transform:scale(1.5) rotate(720deg);
  -moz-transform:scale(1.5) rotate(720deg);
  -ms-transform:scale(1.5) rotate(720deg);
  opacity:1
 }
 100% {
  transform:scale(1) rotate(720deg);
  -webkit-transform:scale(1) rotate(720deg);
  -moz-transform:scale(1) rotate(720deg);
  -ms-transform:scale(1) rotate(720deg);
  opacity:1
 }
}
@-webkit-keyframes show-maybe {
 0% {
  transform:scale(0) rotate(0);
  -webkit-transform:scale(0) rotate(0);
  -moz-transform:scale(0) rotate(0);
  -ms-transform:scale(0) rotate(0);
  opacity:0
 }
 60% {
  transform:scale(1.5) rotate(720deg);
  -webkit-transform:scale(1.5) rotate(720deg);
  -moz-transform:scale(1.5) rotate(720deg);
  -ms-transform:scale(1.5) rotate(720deg);
  opacity:1
 }
 100% {
  transform:scale(1) rotate(720deg);
  -webkit-transform:scale(1) rotate(720deg);
  -moz-transform:scale(1) rotate(720deg);
  -ms-transform:scale(1) rotate(720deg);
  opacity:1
 }
}
@-moz-keyframes show-maybe {
 0% {
  transform:scale(0) rotate(0);
  -webkit-transform:scale(0) rotate(0);
  -moz-transform:scale(0) rotate(0);
  -ms-transform:scale(0) rotate(0);
  opacity:0
 }
 60% {
  transform:scale(1.5) rotate(720deg);
  -webkit-transform:scale(1.5) rotate(720deg);
  -moz-transform:scale(1.5) rotate(720deg);
  -ms-transform:scale(1.5) rotate(720deg);
  opacity:1
 }
 100% {
  transform:scale(1) rotate(720deg);
  -webkit-transform:scale(1) rotate(720deg);
  -moz-transform:scale(1) rotate(720deg);
  -ms-transform:scale(1) rotate(720deg);
  opacity:1
 }
}
.maybe-wenda.show {
 animation:show-maybe .6s ease-out;
 animation-fill-mode:both;
 -webkit-animation:show-maybe .6s ease-out;
 -moz-animation:show-maybe .6s ease-out;
 -webkit-animation-fill-mode:both
}
.maybe-wenda .icon-chat {
 font-size:52px;
 color:#d0d6d9;
 display:block;
 margin-top:40px
}
.maybe-wenda .text {
 margin:24px auto;
 color:#14191e;
 line-height:28px;
 display:block
}
.maybe-wenda .btn {
 width:100px;
 height:40px;
 box-sizing:border-box
}
.maybe-wenda .btn.ok {
 background:#00b33b;
 color:#fff;
 margin-right:20px
}
.maybe-wenda .btn.no {
 border:solid #98a1a6 1px;
 background:#fff;
 color:#9ea3a5
}
.praise-anim {
 -webkit-animation:praiseAnim .5s .1s;
 -moz-animation:praiseAnim .5s .1s;
 -o-animation:praiseAnim .5s .1s;
 animation:praiseAnim .5s .1s
}
@-webkit-keyframes praiseAnim {
 0%,
 100% {
  opacity:1;
  transform:scale(1)
 }
 50% {
  opacity:.3;
  transform:scale(1.4)
 }
}
@-moz-keyframes praiseAnim {
 0%,
 100% {
  opacity:1;
  transform:scale(1)
 }
 50% {
  opacity:.3;
  transform:scale(1.4)
 }
}
@keyframes praiseAnim {
 0%,
 100% {
  opacity:1;
  transform:scale(1)
 }
 50% {
  opacity:.3;
  transform:scale(1.4)
 }
}
.fl {
 float:left
}
.fr {
 float:right
}
.adopt {
 color:#00b33b
}
.praise {
 color:#99a1a6
}
.course_qa_list {
 padding:0 20px
}
.pub-editor-wrap {
 line-height:1em;
 float:left;
 width:794px
}
.pub-btm {
 padding:10px 0
}
.pub-btn {
 background-color:#39b94e;
 height:40px;
 width:140px;
 line-height:40px;
 text-align:center;
 color:#fff;
 cursor:pointer;
 font-size:12px
}
.pub-btn:hover {
 background-color:#33a646
}
.issques form {
 position:relative
}
em.issueBtn {
 width:100px;
 height:80px;
 line-height:80px;
 font-size:16px;
 background:#39b94e;
 color:#fff;
 text-align:center;
 display:inline-block;
 cursor:pointer;
 float:right
}
em.issueBtn:hover {
 background:#33a646
}
.sortlist {
 height:58px;
 background-color:#f3f5f7;
 position:relative
}
.sortlist .quealltab {
 float:left;
 font-size:12px;
 display:inline-block;
 line-height:58px;
 text-align:center;
 padding:0 20px;
 color:#787d82
}
.sortlist .quealltab:hover {
 color:#2b333b
}
.sortlist .onactive {
 color:#2b333b
}
.wenda-listcon {
 padding:20px 0;
 border-bottom:1px solid #d9dde1;
 overflow:hidden
}
.wenda-listcon .headslider {
 width:96px;
 overflow:hidden;
 text-align:center
}
.wenda-listcon .headslider img {
 display:block;
 width:40px;
 height:40px;
 margin:0 auto;
 border-radius:50%;
 vertical-align:top
}
.wenda-listcon .headslider .nofinish {
 display:inline-block;
 position:relative;
 top:-20px;
 left:14px;
 border:1px solid #fff;
 border-radius:50%;
 background:#fff;
 font-size:22px;
 color:#b7bbbf;
 border:3px solid #fff
}
.wenda-listcon .headslider .isfinish {
 font-size:24px;
 display:inline-block;
 position:relative;
 top:-20px;
 left:14px;
 border:1px solid #fff;
 border-radius:50%;
 background:#fff;
 color:#00b43c
}
.wendaslider {
 padding-right:20px;
 min-height:85px;
 position:relative;
 overflow:hidden
}
.wendaslider .wendaquetitle {
 position:relative;
 font-size:14px;
 line-height:20px;
 color:#363d40
}
.wendaslider .wendaquetitle i {
 position:absolute;
 top:0;
 left:0;
 width:20px;
 height:20px;
 font-size:15px;
 text-align:center;
 line-height:20px
}
.wendaslider .wendaquetitle i.icon-tick-revert {
 color:#00b33b
}
.wendaslider .wendaquetitle i.icon-ques-revert {
 color:#08c
}
.wendaslider .wendaquetitle i.icon-ad {
 color:#0edfdd
}
.wendaslider .wendaquetitle .wenda-nickname {
 display:block;
 line-height:16px;
 max-width:100%;
 color:#93999f;
 font-size:12px;
 line-height:14px;
 padding-bottom:12px;
 white-space:nowrap;
 overflow:hidden;
 word-wrap:break-word;
 word-break:break-all
}
.wendaslider .wendaquetitle .wenda-nickname:hover {
 color:#4d555d
}
.wendaslider .wendaquetitle .wendatitlecon .wait-answer {
 color:#ff7802;
 font-size:12px
}
.wendaslider .wendaquetitle .wendatitlecon .wait-answer strong {
 font-weight:700;
 margin-right:20px
}
.wendaslider .wendaquetitle .wendatitle {
 font-size:16px;
 font-weight:700;
 word-break:break-all;
 word-wrap:break-word;
 color:#14191e;
 line-height:24px
}
.wendaslider .wendaquetitle .wendatitle:hover {
 color:#f01414
}
.wendaslider .wendaquetitle .icon-ding {
 display:inline-block;
 color:#f01400
}
.wendaslider .replymegfooter {
 margin-top:12px;
 color:#93999f;
 font-size:12px
}
.wendaslider .replymegfooter em {
 font-style:normal;
 display:inline-block
}
.wendaslider .replymegfooter .formcourse {
 color:#999;
 font-size:12px;
 margin-left:30px
}
.wendaslider .replymegfooter .formcourse:hover {
 color:#333
}
.wendaslider .replynumber {
 font-size:12px;
 color:#93999f
}
.wendaslider .replynumber:hover {
 color:#00b43c
}
.wendaslider .replynumber .number {
 line-height:12px;
 height:12px;
 text-align:center;
 padding:7px 0 0 0
}
.wendaslider .replynumber .padAjust {
 padding:0
}
.wendaslider .replynumber .numShow {
 font-weight:400;
 font-size:12px
}
.wendaslider .replynumber .smallfont {
 font-size:12px;
 font-style:normal
}
.wendaslider .browsenum,
.wendaslider .ys {
 display:inline-block
}
.wendaslider .ys {
 margin-right:26px
}
.replycont {
 margin-top:10px;
 position:relative
}
.replycont i {
 position:absolute;
 top:5px;
 left:3px;
 width:14px;
 height:14px;
 font-size:12px;
 line-height:14px;
 color:#b5b9bc
}
.replycont .replydes {
 color:#4d555d;
 font-size:14px;
 line-height:22px;
 word-wrap:break-word;
 word-break:break-all;
 overflow:hidden
}
.replycont .replydes .replysign {
 font-size:14px;
 line-height:22px
}
.replycont .replydes .replysign .icon-imooc {
 position:relative;
 top:2px;
 font-size:18px;
 line-height:22px;
 color:#f01400
}
.replycont .replydes .adopt {
 color:#00b33b
}
.replycont .replydes .adopt .nickname {
 color:#00b33b
}
.replycont .replydes .adopt .nickname:hover {
 color:#00c850
}
.replycont .replydes .praise {
 color:#4d555d
}
.replycont .replydes .praise .nickname {
 color:#4d555d
}
.replycont .replydes .praise .nickname:hover {
 color:#93999f
}
.replycont .replydes .nickname {
 font-size:14px;
 font-weight:700;
 line-height:22px
}
.replycont .replydes .wait-answer {
 color:#ff7802;
 font-size:12px
}
.replycont .replydes .wait-answer strong {
 font-weight:700;
 margin-right:20px
}
.replycont .replydes .myanswer {
 padding-right:12px;
 border-right:1px solid rgba(147,153,159,.4)
}
.replycont .replydes .what-credit {
 padding-left:12px
}
.replycont .replydes .replyuserhead {
 border-radius:10px;
 overflow:hidden;
 width:20px;
 height:20px;
 display:inline-block;
 position:absolute;
 top:2px
}
.mbottom {
 margin-bottom:18px
}
.quesdetail {
 clear:both
}
.quesdetail .errortip {
 clear:both;
 margin-left:45px
}
.question-area .errortip {
 margin-left:0
}
.ques-label {
 display:inline-block;
 width:44px;
 text-align:left;
 color:#7e878c;
 font-size:12px;
 line-height:38px;
 float:left
}
.quesdetail a {
 height:38px;
 width:118px;
 border:1px solid #d0d6d9;
 display:inline-block;
 line-height:38px;
 text-align:center
}
.quesdetail a.onactive {
 border:1px solid #39b94e;
 background:#ebf8ed url(/static/img/bbs.png) no-repeat 108px -280px;
 color:#39b94e
}
.quesdetail input {
 height:15px;
 width:775px;
 padding:12px 8px;
 vertical-align:middle;
 font-size:14px;
 color:#555;
 overflow:hidden
}
.quesdetail .placeholder {
 color:#b4bbbf
}
.error,
input.error {
 border:1px solid #be3948
}
.defaultbox {
 border:1px solid #d3dce0
}
.errortip {
 background:url(/static/img/bbs.png) no-repeat -1px -336px;
 clear:both;
 padding-left:15px;
 margin:9px 0 0;
 font-size:12px;
 line-height:20px;
 color:#be3948;
 display:none
}
.quesdetail .editor {
 width:790px;
 zoom:1;
 float:left;
 position:relative;
 z-index:33
}
.edui-default {
 line-height:1em
}
.textarea-unlogin {
 color:#555;
 font-size:14px;
 line-height:18px
}
.textarea-unlogin textarea {
 border:1px solid #d3dce0;
 box-sizing:border-box;
 display:block;
 padding:8px;
 width:100%;
 height:80px;
 color:#969b9e;
 font-size:12px
}
#course_wiki {
 padding:0 20px
}
#course_wiki li {
 border-bottom:1px solid #edf1f2;
 overflow:hidden;
 padding:20px 0
}
#course_wiki .wikilist_headpic {
 float:left;
 width:40px
}
#course_wiki .wikilist_headpic a {
 display:block;
 height:100%;
 border-radius:20px;
 overflow:hidden
}
#course_wiki .wikilist_headpic img {
 display:block
}
#course_wiki .wikilist_content .u_name a {
 font-size:12px;
 color:#14191e;
 line-height:20px
}
#course_wiki .wikilist_content .u_name a:hover {
 color:#f01400
}
#course_wiki .wikilist_content .con-wrap {
 display:block
}
#course_wiki .wikilist_content .con-wrap h3 {
 font-size:18px;
 font-weight:600;
 color:#14191e;
 line-height:28px
}
#course_wiki .wikilist_content .con-wrap .con {
 font-size:12px;
 line-height:28px;
 color:#787d82
}
#course_wiki .wikilist_content .con-wrap:hover h3 {
 color:#f01400
}
#course_wiki .wikilist_content .con-wrap:hover .con {
 color:#14191e
}
#create_wiki:link,
#create_wiki:visited {
 color:#fff;
 height:48px;
 display:block;
 text-align:center;
 line-height:48px;
 font-size:16px;
 font-style:normal;
 margin:0 0 20px;
 background:url(/static/img/icon_add.png) 26px 15px no-repeat #39b94e;
 width:inherit
}
#create_wiki:hover {
 background:url(/static/img/icon_add.png) 26px 15px no-repeat #33a646
}
.wiki-time {
 padding-top:10px;
 color:#999;
 font-size:12px
}
.integral-pop {
 display:none;
 position:fixed!important;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background-color:rgba(0,0,0,.6);
 z-index:99999;
 box-shadow:0 4px 8px 0 rgba(0,0,0,.2)
}
.integral-pop .pop-con {
 position:absolute;
 background-color:#fff;
 width:220px;
 height:220px;
 left:50%;
 top:50%;
 margin:-150px 0 0 -150px;
 padding:40px;
 text-align:center
}
.integral-pop .icon-point {
 font-size:60px;
 color:#d0d6d9;
 display:inline-block;
 margin-bottom:19px
}
.integral-pop p {
 line-height:28px
}
.integral-pop .integral-rule {
 color:#b5b9bc;
 font-size:12px;
 display:block;
 margin:7px 0 15px
}
.integral-pop .integral-rule:hover {
 transition:all .3s;
 -weibkit-transition:all .3s;
 -moz-transition:all .3s;
 color:#14191e
}
.integral-pop .btn-green {
 color:#fff;
 width:98px
}
.integral-pop .btn-grey {
 width:98px;
 height:38px;
 line-height:38px;
 font-size:14px;
 color:#969b9e;
 border:1px solid #98a1a6
}
.integral-pop .btn-grey:hover {
 transition:all .3s;
 -weibkit-transition:all .3s;
 -moz-transition:all .3s;
 color:#14191e;
 border:1px solid #14191e
}
.placeholder:-moz-placeholder {
 font-size:12px;
 font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;
 color:#14191e
}
.placeholder::-moz-placeholder {
 font-size:12px;
 color:#14191e;
 font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;
 opacity:1
}
.placeholder:-ms-input-placeholder {
 font-size:12px;
 font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;
 color:#14191e
}
.placeholder::-webkit-input-placeholder {
 font-size:12px;
 font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;
 color:#14191e
}
.placeholder.placeholder {
 font-size:12px;
 font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;
 color:#14191e
}
.verify-code {
 float:left
}
.verify-code input.verify-code-ipt {
 float:left;
 width:118px;
 height:30px;
 line-height:30px;
 padding:4px 5px;
 border:1px solid #d0d6d9;
 font-size:14px;
 font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif
}
.verify-code input.verify-code-ipt:-moz-placeholder {
 color:#14191e
}
.verify-code input.verify-code-ipt::-moz-placeholder {
 color:#14191e;
 opacity:1
}
.verify-code input.verify-code-ipt:-ms-input-placeholder {
 color:#14191e
}
.verify-code input.verify-code-ipt::-webkit-input-placeholder {
 color:#14191e
}
.verify-code input.verify-code-ipt.placeholder {
 color:#14191e
}
.verify-code input.verify-code-ipt::-moz-placeholder {
 color:#14191e;
 opacity:1
}
.verify-code input.verify-code-ipt:-ms-input-placeholder {
 color:#14191e
}
.verify-code input.verify-code-ipt::-webkit-input-placeholder {
 color:#14191e
}
.verify-code input.verify-code-ipt.placeholder {
 color:#14191e
}
.verify-code .img-code {
 float:left;
 margin-left:10px;
 width:70px;
 height:40px
}
.verify-code .verify-code-around {
 float:left;
 height:40px;
 line-height:20px;
 margin-left:10px;
 cursor:pointer
}
.verify-code .verify-code-around i {
 font-style:normal;
 color:#00b33b
}
.verify-code .verify-img-wrap {
 margin-left:10px;
 float:left;
 height:40px;
 width:70px
}
.verify-code .verify-img-wrap .verify-img {
 height:40px;
 vertical-align:top;
 width:70px
}
.verify-code .icon-refresh {
 color:#b5b9bc;
 float:left;
 display:inline-block;
 font-size:24px;
 margin:8px 0 0 10px;
 transition:all .4s ease-in 0s
}
.verify-code .errtip {
 float:left;
 clear:left;
 height:30px;
 font-size:12px;
 line-height:30px;
 color:#e71f19
}
.share-wrap {
 text-align:center
}
.share-wrap .weichat-posi {
 position:relative;
 padding-left:5px
}
.share-wrap .weichat-style {
 text-align:center
}
.share-wrap li {
 display:inline-block;
 width:112px;
 padding:0 36px
}
.share-wrap .icon-nav {
 background-image:none;
 line-height:47px;
 float:none;
 display:inline-block;
 margin:0;
 padding:0;
 height:auto;
 color:#b4bbbf;
 font-size:47px
}
.share-wrap .share-note {
 color:#787d82;
 font-size:14px;
 padding-top:10px
}
.share-wrap .icon-share-qq,
.share-wrap .sns-QQ {
 font-size:45px
}
.share-wrap .icon-share-qq:hover,
.share-wrap .sns-QQ:hover {
 color:#08c
}
.share-wrap .sns-weixin:hover {
 color:#00b33b
}
.share-wrap .sns-weibo:hover {
 color:#f01400
}
.small-share .share-txt {
 font-size:12px;
 color:#14191e;
 float:left
}
.small-share li {
 width:auto;
 padding:0 2px
}
.small-share .icon-nav {
 font-size:20px;
 color:#787d82;
 display:inline-block
}
.small-share .icon-share-qq {
 font-size:18px;
 padding:0 3px 0 4px
}
.small-share .weichat-style {
 float:left
}
.small-share .weichat-style a {
 height:20px;
 line-height:20px
}
.small-share .weichat-posi {
 height:20px
}
.video-panel {
 padding:32px;
 background:#1c1f21
}
.video-panel .video-panel-close,
.video-panel .video-panel-show {
 position:absolute;
 right:24px;
 top:16px;
 font-size:24px;
 color:#93999f;
 line-height:24px;
 cursor:pointer;
 z-index:1
}
.video-panel .video-panel-close {
 display:inline
}
.video-panel .video-panel-show {
 display:none
}
.video-panel.closed {
 cursor:pointer
}
.video-panel.closed .video-panel-close {
 display:none
}
.video-panel.closed .video-panel-show {
 top:50%;
 margin-top:-12px;
 display:inline
}
.video-panel .v-teachers {
 margin-bottom:16px
}
.video-panel .v-teachers dl {
 float:left;
 margin-left:12px
}
.video-panel .v-teachers dd {
 height:24px
}
.video-panel .v-teachers dd:last-child {
 height:18px;
 margin-top:2px
}
.video-panel .v-teachers dd.v-t-nickname,
.video-panel .v-teachers dd.v-t-nickname a {
 font-size:16px;
 color:#fff;
 line-height:24px
}
.video-panel .v-teachers dd.v-t-nickname i {
 position:relative;
 color:#f01414;
 margin-left:4px
}
.video-panel .v-teachers dd.v-t-title {
 font-size:12px;
 color:rgba(255,255,255,.8);
 line-height:18px
}
.video-panel .v-teachers-img {
 float:left;
 width:48px;
 height:48px;
 border-radius:50%;
 overflow:hidden
}
.video-panel .v-teachers-img img {
 width:100%;
 height:100%
}
.video-panel .v-teachers-info {
 font-size:12px;
 color:rgba(255,255,255,.6);
 line-height:22px
}
.video-panel .v-course-wrap {
 padding-top:24px
}
.video-panel .v-course-wrap h3 {
 font-size:16px;
 color:#fff;
 line-height:24px
}
.video-panel .v-course-wrap .v-course-list {
 padding-top:16px
}
.video-panel .v-course-wrap .v-course {
 float:left;
 width:272px;
 position:relative;
 margin-bottom:20px;
 padding-left:112px;
 box-sizing:border-box;
 margin-right:15px;
 height:64px;
 min-height:64px
}
.video-panel .v-course-wrap .v-course:last-child {
 margin-bottom:0
}
.video-panel .v-course-wrap .v-course:hover .v-course-info span,
.video-panel .v-course-wrap .v-course:hover .v-course-name {
 color:#fff
}
.video-panel .v-course-wrap img {
 position:absolute;
 left:0;
 top:0;
 width:96px;
 height:64px;
 border-radius:8px
}
.video-panel .v-course-wrap .v-course-name {
 font-size:14px;
 color:rgba(255,255,255,.6);
 line-height:20px;
 transition:.2s all linear;
 max-height:40px;
 overflow:hidden;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.video-panel .v-course-wrap .v-course-info span {
 float:left;
 position:relative;
 font-size:12px;
 color:rgba(255,255,255,.4);
 line-height:18px;
 padding-right:14px;
 transition:.2s all linear
}
.video-panel .v-course-wrap .v-course-info span::before {
 content:"·";
 position:absolute;
 right:4px;
 top:0;
 width:6px;
 text-align:center;
 line-height:18px
}
.video-panel .v-course-wrap .v-course-info span:last-child::before {
 display:none
}
.putnote,
.putqa {
 padding-bottom:24px;
 position:relative
}
.putnote input,
.putqa input {
 display:block;
 height:36px;
 background:#fff;
 border:1px solid #9199a1;
 border-radius:6px;
 margin-top:16px;
 width:100%;
 padding:0 12px;
 box-sizing:border-box
}
.putnote input.error,
.putqa input.error {
 border-color:#f01414
}
.putnote textarea,
.putqa textarea {
 width:100%;
 padding:12px 16px;
 box-sizing:border-box;
 background:#fff;
 border:1px solid #9199a1;
 border-radius:6px;
 height:160px
}
.putnote .putnote-submit,
.putnote .putqa-submit,
.putqa .putnote-submit,
.putqa .putqa-submit {
 float:right
}
.putnote .error-tip,
.putqa .error-tip {
 height:24px;
 margin:0;
 background:0 0;
 padding-left:0;
 font-size:12px;
 line-height:24px;
 color:#f01414
}
.putnote .errortip-btm,
.putqa .errortip-btm {
 margin-right:16px;
 font-size:12px;
 color:#f01414;
 line-height:40px
}
.putnote .captcha-verify-box,
.putqa .captcha-verify-box {
 right:55px;
 bottom:80px
}
.putnote .captcha-verify-box::before,
.putqa .captcha-verify-box::before {
 left:302px
}
.putnote .captcha-verify-box::after,
.putqa .captcha-verify-box::after {
 left:301px
}
.putnote .screen-btn,
.putqa .screen-btn {
 float:left;
 width:62px;
 height:24px;
 background-color:#98a1a6;
 border-radius:12px;
 overflow:hidden;
 cursor:pointer;
 margin-top:8px
}
.putnote .screen-btn.on,
.putqa .screen-btn.on {
 background-color:#00b33b
}
.putnote .screen-btn.on span,
.putqa .screen-btn.on span {
 float:right
}
.putnote .screen-btn span,
.putqa .screen-btn span {
 width:52px;
 height:22px;
 background-color:#fff;
 border-radius:11px;
 color:#787d82;
 font-size:12px;
 line-height:22px;
 display:block;
 border:1px solid #d0d6d9;
 text-align:center
}
.panel-btn-wrap {
 padding-top:18px;
 text-align:center
}
.mocoplayer-error {
 width:100%!important;
 height:100%!important
}
.course-layout {
 display:flex;
 display:-webkit-flex;
 position:relative;
 zindex:1
}
.course-sidebar-layout {
 background:#1c1f21;
 width:60px;
 display:flex;
 display:-webkit-flex;
 align-items:center;
 z-index:10000
}
.course-sidebar-layout dl {
 flex:1;
 width:100%
}
.course-sidebar-layout dd {
 display:flex;
 display:-webkit-flex;
 height:72px;
 flex-direction:column;
 text-align:center;
 justify-content:center;
 cursor:pointer
}
.course-sidebar-layout dd.current,
.course-sidebar-layout dd:hover {
 background:#26292c
}
.course-sidebar-layout dd.current i,
.course-sidebar-layout dd.current span,
.course-sidebar-layout dd:hover i,
.course-sidebar-layout dd:hover span {
 color:#fff
}
.course-sidebar-layout dd.vhidden {
 display:none
}
.course-sidebar-layout i {
 font-size:24px;
 color:rgba(255,255,255,.6);
 line-height:24px
}
.course-sidebar-layout span {
 font-size:12px;
 color:rgba(255,255,255,.4);
 line-height:18px
}
.course-center-layout {
 position:relative;
 flex:1;
 background:#1c1f21
}
.course-right-layout {
 position:relative;
 background:#1c1f21;
 width:384px;
 padding:0;
 right:0;
 z-index:1
}
.course-right-layout .course-drag,
.course-right-scroll .course-drag {
 position:absolute;
 left:0;
 top:0;
 width:10px;
 height:100%;
 cursor:col-resize;
 z-index:2
}
.course-right-layout .course-drag .drag,
.course-right-scroll .course-drag .drag {
 position:absolute;
 top:50%;
 margin-top:-20px;
 left:3px;
 width:2px;
 height:40px;
 border:1px solid #626972;
 border-width:0 1px 0 1px
}
.course-right-layout .course-right-nano,
.course-right-scroll .course-right-nano {
 position:relative;
 width:100%;
 height:100%;
 overflow:hidden;
 z-index:2
}
.course-right-layout .course-right-nano:hover .nano-pane,
.course-right-scroll .course-right-nano:hover .nano-pane {
 opacity:1
}
.course-right-layout .nano-right-content,
.course-right-scroll .nano-right-content {
 position:absolute;
 overflow:scroll;
 overflow-x:hidden;
 top:0;
 right:0;
 bottom:0;
 left:0
}
.course-right-layout .nano-right-content::-webkit-scrollbar,
.course-right-scroll .nano-right-content::-webkit-scrollbar {
 display:block
}
.course-right-layout .nano-right-content::-webkit-scrollbar,
.course-right-scroll .nano-right-content::-webkit-scrollbar {
 display:none
}
.course-right-layout .nano-right-slider,
.course-right-scroll .nano-right-slider {
 background:#444;
 position:relative;
 margin:0 1px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 width:4px
}
.course-right-layout .nano-pane,
.course-right-scroll .nano-pane {
 position:absolute;
 width:10px;
 right:5px;
 top:0;
 bottom:0;
 opacity:.01;
 -webkit-transition:.2s;
 -moz-transition:.2s;
 -o-transition:.2s;
 transition:.2s;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 z-index:1
}
.course-right-layout .nano-pane .nano-right-slider,
.course-right-scroll .nano-pane .nano-right-slider {
 width:8px!important;
 border-radius:4px
}
.c-panel {
 position:absolute;
 top:0;
 right:0;
 left:0;
 z-index:0;
 min-height:100%;
 display:none;
 box-sizing:border-box
}
.c-panel.current {
 display:block;
 z-index:1
}
.c-panel.note-panel,
.c-panel.qa-panel {
 background:#f8fafc;
 box-shadow:0 8px 16px 0 rgba(28,31,33,.1)
}
.c-panel.note-panel h3,
.c-panel.qa-panel h3 {
 font-size:16px;
 color:#07111b;
 line-height:24px;
 font-weight:700;
 margin-bottom:16px
}
.c-panel.note-panel .mod-qa-list .qa-medias,
.c-panel.qa-panel .mod-qa-list .qa-medias {
 width:96px
}
.c-panel .panel-close {
 position:absolute;
 right:24px;
 top:16px;
 font-size:24px;
 color:#93999f;
 line-height:24px;
 cursor:pointer;
 z-index:1
}
.c-panel .panel-t {
 background:#fff;
 box-shadow:0 4px 8px 0 rgba(28,31,33,.1);
 padding:16px 24px 24px
}
.c-panel .panel-list {
 padding:24px
}
.fl {
 float:left
}
.fr {
 float:right
}
.course_qa_list {
 padding:0 20px
}
.pub-editor-wrap {
 line-height:1em;
 float:left;
 width:794px
}
.qa-form .block {
 width:100%;
 height:41px
}
.qa-form .block-editor {
 height:auto
}
.qa-form .block,
.qa-form .edui-editor {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.qa-form .form-ctrl {
 position:relative;
 width:auto;
 float:none;
 min-height:70px
}
.qa-form .custom-width {
 width:92.2%
}
.qa-form .another-meth {
 border:0 none;
 position:absolute;
 font-size:12px;
 color:#00b33b;
 line-height:18px;
 width:auto;
 text-align:right;
 right:6px;
 top:2px
}
.qa-form .another-meth:hover {
 color:#00802b
}
.pub-btn {
 background-color:#00b43c;
 height:40px;
 padding:0 12px;
 line-height:40px;
 text-align:center;
 color:#fff;
 cursor:pointer;
 font-size:14px
}
.pub-btn:hover {
 background-color:#00c850
}
.pub-btm {
 position:relative
}
.pub-btm .pub-btn {
 margin-top:0
}
.pub-btm .errortip-btm {
 margin-right:16px;
 font-size:12px;
 color:#f01414;
 line-height:40px
}
.moco-modal-dialog .captcha-verify-box {
 right:-125px;
 z-index:99
}
.submit-loading {
 background-color:#7fd99d
}
.issques form {
 position:relative
}
em.issueBtn {
 width:100px;
 height:80px;
 line-height:80px;
 font-size:16px;
 background:#39b94e;
 color:#fff;
 text-align:center;
 display:inline-block;
 cursor:pointer;
 float:right
}
em.issueBtn:hover {
 background:#33a646
}
.publish-box a {
 margin:0 20px
}
.publish-box a i {
 margin-right:5px
}
.mod-qa-list {
 position:relative;
 margin-bottom:8px;
 padding:32px;
 background:#fff;
 box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
 border-radius:12px
}
.mod-qa-list .icon-finish,
.mod-qa-list .icon-wenda {
 position:absolute;
 left:0;
 top:0;
 width:48px;
 height:48px;
 background:url(/static/img/wenda/icon_wenda.png) no-repeat 0 0;
 background-size:cover
}
.mod-qa-list .icon-finish {
 background-image:url(/static/img/wenda/icon_finish.png)
}
.mod-qa-list .qa-medias {
 width:96px;
 overflow:hidden;
 text-align:center
}
.mod-qa-list .qa-medias .meida:hover {
 color:#be3948;
 text-decoration:underline
}
.mod-qa-list .qa-medias img {
 display:block;
 width:40px;
 height:40px;
 margin:0 auto;
 border-radius:50%;
 vertical-align:top
}
.mod-qa-list .qa-medias .isfinish,
.mod-qa-list .qa-medias .isflag,
.mod-qa-list .qa-medias .issport,
.mod-qa-list .qa-medias .nofinish {
 font-size:24px;
 display:inline-block;
 position:relative;
 top:-20px;
 left:14px;
 border:1px solid #fff;
 border-radius:50%;
 background:#fff
}
.mod-qa-list .qa-medias .isfinish {
 color:#00b43c
}
.mod-qa-list .qa-medias .nofinish {
 font-size:22px;
 color:#b7bbbf;
 border:3px solid #fff
}
.mod-qa-list .qa-content {
 padding-right:20px;
 min-height:85px;
 position:relative;
 overflow:hidden;
 word-wrap:break-word;
 word-break:break-all
}
.mod-qa-list .qa-header {
 font-size:14px;
 line-height:20px;
 color:#363d40;
 position:relative
}
.mod-qa-list .qa-header .name {
 display:block;
 max-width:100%;
 font-size:14px;
 color:#07111b;
 line-height:22px;
 white-space:nowrap;
 overflow:hidden;
 word-wrap:break-word;
 word-break:break-all;
 font-weight:700
}
.mod-qa-list .qa-header .name:hover {
 color:#4d555d
}
.mod-qa-list .qa-header .qa-header-cnt .istop {
 color:#ff7e00;
 margin-right:5px
}
.mod-qa-list .qa-header .qa-tit {
 font-size:16px;
 font-weight:700;
 word-break:break-all;
 word-wrap:break-word;
 color:#07111b;
 line-height:24px
}
.mod-qa-list .qa-header .qa-tit:hover {
 color:#f01414
}
.mod-qa-list .qa-header .add-integral {
 font-size:12px;
 color:#ff7802;
 font-weight:700
}
.mod-qa-list .qa-header .isflag,
.mod-qa-list .qa-header .issport {
 background:url(/static/img/add-qa.png) no-repeat 0 0
}
.mod-qa-list .qa-header .isflag {
 background-position:0 -30px
}
.mod-qa-list .comment-content {
 font-size:16px;
 line-height:28px
}
.mod-qa-list .qa-footer {
 margin-top:12px;
 color:#93999f;
 font-size:12px!important
}
.mod-qa-list .qa-footer .l-box em {
 font-style:normal;
 display:inline-block
}
.mod-qa-list .qa-footer .l-box a {
 color:#93999f;
 margin-right:30px
}
.mod-qa-list .qa-footer .l-box a:hover {
 color:#4d555d
}
.mod-qa-list .qa-footer a:hover {
 color:#00b43c
}
.mod-qa-list .qa-footer .static-count {
 font-size:12px;
 color:#93999f
}
.mod-qa-list .qa-footer .static-count .static-item {
 display:inline-block
}
.mod-qa-list .qa-footer .static-count .static-item.answer {
 margin-right:26px
}
.replycont {
 margin-top:10px;
 position:relative
}
.replycont .wait-answer {
 margin-left:20px;
 padding:0 8px;
 display:inline-block;
 font-size:12px;
 color:#fff;
 background:#fa0;
 box-shadow:0 4px 8px 0 rgba(255,170,0,.4);
 border-radius:6px;
 line-height:26px;
 position:relative
}
.replycont .wait-answer:before {
 font-size:30px;
 position:absolute;
 color:#fa0;
 left:-17px
}
.replycont a {
 font-size:12px;
 color:#71777d
}
.replycont a:hover {
 color:#2b333b
}
.replycont .replyicon {
 background:url(/static/img/wendanew.png) no-repeat 0 0;
 position:absolute;
 top:5px;
 left:3px;
 width:14px;
 height:14px;
 display:inline-block;
 vertical-align:middle
}
.replydes {
 padding-left:20px;
 border-left:2px solid #d9dde1;
 color:#545c63;
 font-size:12px;
 line-height:20px;
 word-wrap:break-word;
 word-break:break-all;
 overflow:hidden
}
.replydes.best {
 border-left:2px solid rgba(31,173,78,.2)
}
.replydes .replysign {
 margin-bottom:4px
}
.replydes .adopt {
 color:#00b43c
}
.replydes .adopt .nickname {
 color:#00b43c
}
.replydes .adopt .nickname:hover {
 color:#00c850
}
.replydes .icon-imooc {
 position:relative;
 top:2px;
 font-size:18px;
 line-height:22px;
 color:#f01400
}
.replydes .what-credit {
 padding-left:12px
}
.replydes .replyuserhead {
 border-radius:10px;
 overflow:hidden;
 width:20px;
 height:20px;
 display:inline-block;
 position:absolute;
 top:2px
}
.mbottom {
 margin-bottom:24px
}
.quesdetail.que-text-box {
 min-height:385px
}
.quesdetail {
 clear:both
}
.quesdetail .errortip {
 clear:both;
 height:24px;
 margin:0;
 background:0 0;
 padding-left:0;
 font-size:12px;
 line-height:24px;
 color:#f01414;
 display:none
}
.question-area .errortip {
 margin:0
}
.ques-label {
 display:inline-block;
 width:44px;
 text-align:left;
 color:#f01414;
 font-size:12px;
 line-height:38px;
 float:left
}
.quesdetail a {
 height:38px;
 width:118px;
 border:1px solid #d0d6d9;
 display:inline-block;
 line-height:38px;
 text-align:center
}
.quesdetail a.onactive {
 border:1px solid #39b94e;
 background:#ebf8ed url(/static/img/bbs.png) no-repeat 108px -280px;
 color:#39b94e
}
.quesdetail input {
 height:15px;
 width:775px;
 padding:12px 8px;
 vertical-align:middle;
 font-size:14px;
 color:#555;
 overflow:hidden
}
.quesdetail .placeholder {
 color:#b4bbbf
}
.defaultbox {
 border:1px solid #93999f
}
.edui-editor {
 border:1px solid #b7bbbf!important
}
.errortip {
 background:0 0;
 clear:both;
 padding-left:0;
 font-size:12px;
 line-height:12px;
 color:#f01414;
 display:none
}
.quesdetail .editor {
 zoom:1;
 position:relative;
 z-index:33;
 overflow:hidden
}
.edui-default {
 line-height:1em
}
.textarea-unlogin {
 color:#555;
 font-size:14px;
 line-height:18px
}
.textarea-unlogin textarea {
 border:1px solid #d3dce0;
 display:block;
 padding:8px;
 width:100%;
 height:80px;
 color:#969b9e;
 font-size:12px
}
.ques-list {
 padding:10px 0 10px 0
}
.verify-code img {
 height:30px;
 display:inline-block;
 vertical-align:middle;
 margin:0 7px
}
.verify-code-ipt {
 border:1px solid #e5e5e5;
 width:58px;
 height:25px;
 line-height:25px;
 text-align:center
}
.verify-code-around {
 display:inline-block;
 vertical-align:middle;
 width:40px;
 line-height:1em;
 font-size:12px;
 cursor:pointer
}
.othercode-item {
 padding:20px 0;
 border-bottom:1px solid #eee
}
.othercode-avator {
 display:inline-block;
 vertical-align:middle;
 line-height:1em
}
.othercode-avator img {
 border-radius:50%
}
.othercode-nick {
 display:inline-block;
 vertical-align:middle;
 line-height:40px;
 padding:0 20px
}
.othercode-nick:link,
.othercode-nick:visited {
 font-size:12px;
 color:#333
}
.othercode-nick:hover {
 color:#c33
}
.otherscode-code {
 display:inline-block;
 height:30px;
 width:120px;
 vertical-align:middle;
 background:url(/static/img/code-sprite.png) no-repeat 0 0
}
.otherscode-code:hover {
 background-position:0 -40px
}
.otherscode-list-bottom {
 margin-top:10px;
 font-size:12px;
 color:#999
}
.otherscode-list-bottom .list-praise em {
 float:none
}
.otherscode-time {
 margin-right:15px
}
.othterscode-none {
 color:#d0d6d9;
 font-size:14px;
 text-align:center;
 padding:80px 0 30px 0
}
.othterscode-none span {
 width:120px;
 height:75px;
 display:block;
 margin:0 auto 30px;
 background:url(/static/img/code-sprite.png) no-repeat 0 -80px
}
.otherscode-list-bottom .icon {
 vertical-align:-2px
}
.othercode-nice {
 color:#8fc21f;
 display:inline-block;
 vertical-align:middle;
 height:16px;
 line-height:16px;
 padding-left:17px;
 margin-left:20px;
 background:url(/static/img/code-sprite.png) no-repeat 0 -165px
}
.verify-code-ipt {
 float:left;
 height:17px;
 width:110px;
 padding:12px 0 10px 8px;
 border:1px solid #d0d6d9;
 color:#b5b9bc;
 box-shadow:none;
 line-height:normal;
 text-align:left;
 font-size:15px;
 font-family:"微软雅黑"
}
.verify-img {
 width:70px;
 height:40px;
 margin-left:10px;
 background-color:#787d82
}
.icon-refresh {
 font-size:30px;
 color:#93999f!important;
 height:40px;
 line-height:40px;
 margin-left:20px;
 cursor:pointer
}
.icon-refresh:hover {
 color:#07111b!important
}
.errtip {
 display:block;
 position:absolute;
 font-size:12px;
 line-height:31px;
 color:#f01414
}
.star-box i {
 font-size:16px;
 color:#d0d6d9
}
.star-box i.active {
 color:#f90
}
.star-box em {
 position:relative
}
.star-box i.icon-star_half {
 position:absolute;
 left:0;
 top:0;
 color:#f90
}
.star-box.js-star {
 cursor:pointer;
 position:relative;
 overflow:visible
}
.star-box .star-tip {
 display:none;
 position:absolute;
 left:0;
 top:0;
 z-index:10;
 width:150px;
 padding:10px;
 font-size:14px;
 color:#f90;
 line-height:20px;
 border:1px solid #f90;
 background-color:#fff
}
.star-box .star-tip b {
 position:absolute;
 left:50%;
 top:-6px;
 margin-left:-6px;
 width:12px;
 height:6px;
 font-size:0;
 line-height:0;
 overflow:hidden;
 background:url(/static/img/course/arrow.png) no-repeat left top
}
.score-info {
 position:relative;
 padding:20px;
 border:1px solid #d0d6d9;
 margin-bottom:40px
}
.score-info .satisfaction-degree-info {
 padding-bottom:15px;
 border-bottom:1px solid #d0d6d9
}
.score-info .satisfaction-degree-info h3 {
 font-size:14px;
 color:#787d82;
 line-height:16px
}
.score-info .satisfaction-degree-info h4 {
 font-size:30px;
 line-height:32px;
 color:#787d82;
 margin:10px 0;
 font-weight:400;
 border-bottom:0 none;
 padding-bottom:0
}
.score-info .condition-box {
 width:100%;
 display:table;
 margin-top:15px
}
.score-info .condition-box .condition {
 display:table-cell;
 height:40px;
 line-height:20px
}
.score-info .condition-box .condition h3 {
 font-size:12px;
 color:#787d82;
 text-align:left;
 line-height:20px
}
.score-info .condition-box .condition p {
 font-size:14px;
 font-weight:600;
 color:#787d82;
 text-align:left;
 line-height:20px
}
.score-info .info-box {
 font-size:12px;
 line-height:20px;
 padding-top:20px
}
.score-info .info-box span {
 float:left;
 color:#f90
}
.score-info .info-box span em {
 font-weight:700
}
.score-info .info-box a {
 float:right;
 color:#14191e
}
.score-info .person-num {
 position:absolute;
 top:16px;
 right:20px
}
.score-info .person-num a {
 font-size:12px;
 color:#b5b9bc
}
@media only screen and (max-width:820px) {
 .info-bar-box {
  float:none
 }
 .score-info {
  padding:25px 0 25px 156px;
  position:relative;
  height:80px
 }
 .score-info .satisfaction-degree-info {
  position:absolute;
  left:36px;
  width:120px;
  border-bottom:0 none;
  padding-bottom:0
 }
 .score-info .condition-box {
  margin-top:67px;
  width:390px;
  margin-left:22px
 }
 .score-info .condition-box .condition {
  height:20px
 }
 .score-info .condition-box h3 {
  display:inline
 }
 .score-info .condition-box h3:after {
  content:"： "
 }
 .score-info .condition-box p {
  display:inline
 }
 .score-info .person-num {
  top:auto;
  right:40px;
  bottom:20px
 }
}
.editor-box {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 bottom:50px
}
.editor-tab {
 position:relative;
 height:50px;
 line-height:50px;
 font-size:12px;
 font-family:Georgia,"Times New Roman",Times,serif;
 color:#c1c1c1;
 overflow:hidden;
 background:#232c31
}
.editor-tab .editor-op {
 display:none;
 width:50px;
 height:50px;
 position:absolute;
 text-align:center;
 line-height:50px;
 cursor:pointer;
 color:#787d82
}
.editor-tab .editor-op:hover {
 color:#f5f3f3
}
.editor-tab .editor-left {
 left:0;
 top:0
}
.editor-tab .editor-right {
 right:0;
 top:0
}
.editor-tab .editor-view {
 margin-left:0;
 margin-right:0;
 height:50px;
 overflow:hidden
}
.editor-tab .editor-view ul {
 position:relative;
 width:2000px
}
.editor-tab.js-hasop .editor-op {
 display:block
}
.editor-tab.js-hasop .editor-view {
 margin-left:50px;
 margin-right:50px
}
@media only screen and (max-width:1216px) {
 .editor-tab .editor-right {
  right:160px
 }
 .editor-tab.js-hasop .editor-op {
  display:block
 }
 .editor-tab.js-hasop .editor-view {
  margin-right:210px
 }
}
.editor-tab span {
 padding:0 20px;
 font-size:18px
}
.editor-tab li {
 float:left
}
.editor-tab li a {
 display:block;
 padding:0 30px;
 color:#787d82
}
.editor-tab li:hover a {
 color:#fff
}
.editor-tab li.ui-tabs-active a {
 background:#1d1f21;
 color:#fff
}
.mod-post .post-row {
 position:relative;
 margin-bottom:8px;
 padding:32px;
 background:#fff;
 box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
 border-radius:12px
}
.mod-post .post-row .qa-medias {
 width:60px
}
.mod-post .post-row .media {
 float:left;
 width:40px;
 margin-right:10px
}
.mod-post .post-row .media img {
 display:block;
 -moz-border-radius:20px;
 -webkit-border-radius:20px;
 -o-border-radius:20px;
 -ms-border-radius:20px;
 border-radius:20px
}
.mod-post .post-row .bd {
 position:relative;
 margin-left:60px;
 margin-right:20px
}
.mod-post .post-row .tit {
 margin-bottom:2px
}
.mod-post .post-row .tit a {
 font-size:14px;
 color:#1c1f21;
 font-weight:700
}
.mod-post .post-row .tit a:hover {
 color:#f01414
}
.mod-post .post-row .note-media {
 font-size:12px;
 line-height:18px
}
.mod-post .post-row .note-media a {
 color:#9199a1
}
.mod-post .post-row .tipoff {
 position:absolute;
 right:0;
 top:0;
 display:block;
 color:#93999f;
 font-size:12px;
 overflow:hidden;
 line-height:22px;
 cursor:pointer
}
.mod-post .post-row .tipoff:hover {
 color:#4d555d
}
.mod-post .post-row .cnt {
 margin-top:3px;
 font-size:14px;
 line-height:24px;
 color:#303538;
 word-break:break-all;
 word-wrap:break-word
}
.mod-post .post-row .footer {
 color:#9199a1;
 font-size:12px;
 margin-top:15px;
 line-height:34px
}
.mod-post .post-row .post-action {
 float:left;
 margin-left:20px;
 color:#9199a1;
 font-size:12px;
 overflow:hidden;
 cursor:pointer;
 line-height:34px
}
.mod-post .post-row .post-action.on,
.mod-post .post-row .post-action:hover {
 text-decoration:none;
 color:#4d555d
}
.mod-post .post-row .post-action .icon {
 cursor:pointer;
 font-size:16px;
 position:relative;
 top:2px
}
.mod-post .post-row .post-action em {
 padding:0 3px 0
}
.mod-post .post-row .post-action .icon-thumb-revert {
 font-size:16px;
 position:relative;
 top:2px
}
.mod-post .post-row .note-editor-tool {
 padding-top:16px;
 text-align:right
}
.mod-post .post-row .note-editor-tool a {
 margin-left:12px
}
.course-tool-bar {
 padding-right:15px;
 font-size:12px;
 height:58px;
 background-color:#f3f5f7;
 position:relative
}
.course-tool-bar .tool-left a {
 margin:0 20px;
 line-height:40px;
 color:#787d82;
 float:left;
 font-size:12px;
 display:inline-block;
 line-height:58px;
 text-align:center
}
.course-tool-bar .tool-left a.active {
 color:#14191e
}
.course-tool-bar .tool-right {
 color:#787d82;
 line-height:40px
}
.course-tool-bar .tool-chk {
 color:#787d82;
 height:58px;
 line-height:58px
}
.space-note-input {
 position:relative;
 margin:10px 0 20px;
 padding:6px 10px 15px 6px;
 border:1px solid #b7bbbf;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 transition:border-color .2s;
 -moz-transition:border-color .2s;
 -webkit-transition:border-color .2s;
 -o-transition:border-color .2s
}
.space-note-input textarea {
 width:100%;
 resize:none;
 height:72px;
 line-height:18px;
 font-size:13px;
 overflow:auto;
 color:#555
}
p.space-note-text-counter {
 position:absolute;
 right:5px;
 bottom:3px;
 font-size:12px;
 line-height:12px!important;
 color:#ccc;
 padding:0
}
p.space-note-text-counter span {
 line-height:12px!important
}
.space-fake-focus {
 border-color:#93999f
}
.space-fake-error {
 border-color:#be3948
}
.space-fake-error.space-fake-focus {
 border-color:#93999f
}
.post-row .sava_btn {
 display:none;
 float:right;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 transition:.4s
}
.post-row .sava_btn:link {
 color:#fff
}
.post-row .sava_btn:hover {
 opacity:.8
}
.post-row .sava_btn:visited {
 color:#fff
}
.pop-deleting,
.popl-wrap {
 width:220px;
 height:200px;
 padding:40px;
 position:fixed;
 left:50%;
 top:50%;
 margin:-140px 0 0 -150px;
 z-index:19891017;
 background:#fff;
 box-shadow:0 4px 8px rgba(0,0,0,.2);
 -webkit-box-shadow:0 4px 8px rgba(0,0,0,.2)
}
.popl-hd {
 height:58px;
 background:url(/static/lib/layer/1.6.0/skin/default/xubox_ico1.png) center 0 no-repeat
}
.popl-main {
 margin:21px 0 25px;
 text-align:center
}
.popl-main p {
 color:#14191e;
 font-size:14px;
 line-height:28px
}
.popl-btm .popl-btn {
 position:absolute;
 left:50%;
 text-decoration:none;
 color:#fff;
 font-size:14px;
 text-align:center;
 width:98px;
 height:38px;
 line-height:40px
}
.popl-btm .popl-yes {
 border:1px solid #00b33b;
 background-color:#00b33b;
 margin-right:10px;
 left:40px
}
.popl-btm .popl-no {
 border:1px solid #98a1a6;
 background-color:#fff;
 color:#969b9e;
 margin-left:10px
}
.contain-coverLayer {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:#000;
 opacity:.5
}
.pop-deleting {
 height:97px;
 width:120px;
 padding:23px 0 0 0;
 text-align:center;
 font-size:14px;
 color:#14191e;
 margin:-60px 0 0 -60px
}
.deleting-bd {
 height:40px;
 background:url(/static/lib/layer/1.6.0/skin/default/xubox_ico1.png) 60% -98px no-repeat;
 margin-bottom:15px
}
.deleting-bd.pop-error {
 background-position:60% -58px
}
.deleting-bd.pop-dodeling {
 background:url(/static/lib/layer/1.6.0/skin/default/pop_loading0.gif) center 0 no-repeat
}
.notelist-content {
 padding:8px 0;
 position:relative;
 max-height:156px;
 line-height:28px;
 overflow:hidden;
 font-size:14px;
 clear:both
}
.notelist-content .note-content {
 font-size:16px;
 line-height:28px;
 white-space:pre-wrap
}
.notelist-content-more {
 position:absolute;
 top:145px;
 left:0;
 right:0;
 height:33px;
 line-height:33px;
 background-color:#fff
}
.notelist-content-more a {
 font-size:12px;
 color:#999
}
.notelist-content-more a:hover {
 color:#f01400
}
.note-img {
 margin-bottom:16px;
 overflow:hidden
}
.note-img .note-img-box {
 display:inline-block;
 position:relative;
 border:1px solid #d3d6d9;
 font-size:0;
 cursor:pointer
}
.note-img .note-img-box i {
 position:absolute;
 left:0;
 bottom:0;
 padding:0 5px;
 font-size:12px;
 font-style:normal;
 line-height:20px;
 color:#fff;
 z-index:1;
 background-color:rgba(0,0,0,.4)
}
.note-img .view-video {
 margin-left:15px;
 display:inline-block;
 width:74px;
 height:24px;
 line-height:24px;
 text-align:center;
 background:rgba(28,31,33,.12);
 border-radius:12px;
 font-size:12px;
 color:#1c1f21
}
.note-img .view-video i {
 margin-right:2px
}
.note-img .note-code {
 padding:8px;
 display:inline-block;
 background:#f3f5f6;
 border-radius:4px;
 cursor:pointer
}
.note-img .note-code .note-code-view {
 padding-bottom:8px;
 font-size:12px;
 color:#9199a1;
 line-height:16px
}
.note-img .note-code .note-code-view i {
 margin-right:3px
}
.note-img .note-code img {
 display:block
}
.hover-area {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 overflow:hidden
}
.hover-area a,
.hover-area span {
 height:100%;
 line-height:88px;
 text-align:center;
 color:#fff;
 position:relative;
 cursor:pointer
}
.hover-area a {
 text-align:center;
 float:left;
 width:50%
}
.hover-area .slider-door {
 position:absolute;
 width:50%;
 height:100%;
 top:0;
 color:#fff;
 line-height:90px;
 text-align:center;
 z-index:2
}
.hover-area .slider-door:hover {
 cursor:pointer;
 background:rgba(0,0,0,.8) none repeat scroll!important
}
.hover-area .catch-pic {
 left:0;
 margin-left:-50%;
 background:rgba(0,0,0,.5) none repeat scroll!important
}
.hover-area .catch-video {
 right:0;
 margin-right:-50%;
 background:rgba(0,0,0,.3) none repeat scroll!important
}
.answer-img-big {
 width:60%;
 height:auto
}
.answer-img-big img {
 max-width:100%
}
a.color-gray:hover {
 color:#303538
}
a.color-gray {
 color:#969b9e
}
.icon_collection {
 width:16px;
 height:16px;
 background:url(/static/img/icon_notelist.png) left bottom no-repeat;
 display:inline-block;
 float:left
}
.icon_collection.on {
 background-position:right bottom
}
.icon_good {
 width:16px;
 height:16px;
 background:url(/static/img/icon_notelist.png) left top no-repeat;
 display:inline-block
}
.icon_good.on {
 background-position:right top
}
span.intertime a {
 color:#fff;
 display:block
}
span.intertime {
 width:60px;
 height:20px;
 line-height:20px;
 background:url(/static/img/videointertime.png) no-repeat 0 0;
 padding-left:20px;
 color:#5e5e5e;
 font-size:12px;
 font-family:"宋体";
 display:block;
 float:left;
 margin-left:10px
}
.intertime:hover {
 background:url(/static/img/videointertime.png) no-repeat 0 -30px;
 cursor:pointer
}
span.playtime_AS {
 margin-top:0;
 position:absolute;
 bottom:0;
 right:0
}
span.playtime_Ac {
 margin-top:265px
}
.defaultbox {
 border:1px solid #b7bbbf
}
.qa-form {
 margin-top:0
}
.pub-editor-wrap {
 width:100%;
 position:relative;
 padding:8px 10px;
 border:1px solid #b7bbbf;
 background-color:#fff;
 box-sizing:border-box;
 border-radius:2px
}
.pub-editor-wrap textarea {
 width:97%;
 min-height:62px;
 padding:8px;
 color:#555;
 font-size:14px;
 resize:none;
 line-height:18px;
 font-family:"Microsoft YaHei"
}
.pub-comment {
 position:relative
}
.pub-comment .moco-btn {
 margin-top:15px
}
.pub-comment .errortip {
 clear:none
}
.captcha-verify-box {
 position:absolute;
 right:-106px;
 bottom:55px;
 padding:6px;
 width:320px;
 background:#fff;
 border-radius:4px;
 border:1px solid #d0d6d9;
 z-index:9
}
.captcha-verify-box:after {
 position:absolute;
 bottom:-11px;
 left:156px;
 content:" ";
 display:block;
 width:0;
 height:0;
 border-top:10px solid #d0d6d9;
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 z-index:9
}
.captcha-verify-box:before {
 position:absolute;
 bottom:-9px;
 left:157px;
 content:" ";
 display:block;
 width:0;
 height:0;
 border-top:9px solid #fff;
 border-left:9px solid transparent;
 border-right:9px solid transparent;
 z-index:10
}
.captcha-verify-box .js-mocaptcha-close {
 position:absolute;
 right:-40px;
 top:-7px;
 display:block;
 color:#fff;
 width:30px;
 height:30px;
 font-size:18px;
 line-height:30px;
 text-align:center;
 background:rgba(0,0,0,.6);
 cursor:pointer
}
.errortip {
 background:url(/static/img/bbs.png) no-repeat -1px -336px;
 padding-left:15px;
 margin:30px 10px 0 0;
 font-size:12px;
 line-height:20px;
 color:#be3948;
 display:none
}
.num-limit {
 position:absolute;
 line-height:100%;
 font-size:12px;
 right:5px;
 bottom:5px;
 color:#d0d6d9
}
.limit-overflow {
 color:#c33
}
.maybe-wenda {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:9999;
 margin:auto;
 width:300px;
 height:280px;
 background:#fff;
 text-align:center;
 -webkit-box-shadow:0 0 4px rgba(0,0,0,.2);
 -moz-box-shadow:0 0 4px rgba(0,0,0,.2);
 box-shadow:0 0 4px rgba(0,0,0,.2);
 display:none
}
.tool-right .switch {
 float:left;
 position:relative;
 width:40px;
 height:20px;
 margin-right:12px
}
.tool-right .switch.on .round {
 left:20px;
 border-color:#00b43c
}
.tool-right .switch.on .switch-line {
 background-color:rgba(0,180,60,.2)
}
.tool-right .switch-line {
 width:40px;
 height:6px;
 margin-top:8px;
 background-color:#d0d6d9;
 border-radius:10px;
 position:absolute;
 z-index:0
}
.tool-right .tool-chk {
 color:#787d82;
 font-size:12px
}
.tool-right .round {
 width:20px;
 height:20px;
 border-radius:50%;
 border:2px solid #b4bbbf;
 position:absolute;
 background-color:#fff;
 cursor:pointer;
 transition:all .3s;
 top:0;
 left:0;
 z-index:1;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
@keyframes show-maybe {
 0% {
  transform:scale(0) rotate(0);
  -webkit-transform:scale(0) rotate(0);
  -moz-transform:scale(0) rotate(0);
  -ms-transform:scale(0) rotate(0);
  opacity:0
 }
 60% {
  transform:scale(1.5) rotate(720deg);
  -webkit-transform:scale(1.5) rotate(720deg);
  -moz-transform:scale(1.5) rotate(720deg);
  -ms-transform:scale(1.5) rotate(720deg);
  opacity:1
 }
 100% {
  transform:scale(1) rotate(720deg);
  -webkit-transform:scale(1) rotate(720deg);
  -moz-transform:scale(1) rotate(720deg);
  -ms-transform:scale(1) rotate(720deg);
  opacity:1
 }
}
@-webkit-keyframes show-maybe {
 0% {
  transform:scale(0) rotate(0);
  -webkit-transform:scale(0) rotate(0);
  -moz-transform:scale(0) rotate(0);
  -ms-transform:scale(0) rotate(0);
  opacity:0
 }
 60% {
  transform:scale(1.5) rotate(720deg);
  -webkit-transform:scale(1.5) rotate(720deg);
  -moz-transform:scale(1.5) rotate(720deg);
  -ms-transform:scale(1.5) rotate(720deg);
  opacity:1
 }
 100% {
  transform:scale(1) rotate(720deg);
  -webkit-transform:scale(1) rotate(720deg);
  -moz-transform:scale(1) rotate(720deg);
  -ms-transform:scale(1) rotate(720deg);
  opacity:1
 }
}
@-moz-keyframes show-maybe {
 0% {
  transform:scale(0) rotate(0);
  -webkit-transform:scale(0) rotate(0);
  -moz-transform:scale(0) rotate(0);
  -ms-transform:scale(0) rotate(0);
  opacity:0
 }
 60% {
  transform:scale(1.5) rotate(720deg);
  -webkit-transform:scale(1.5) rotate(720deg);
  -moz-transform:scale(1.5) rotate(720deg);
  -ms-transform:scale(1.5) rotate(720deg);
  opacity:1
 }
 100% {
  transform:scale(1) rotate(720deg);
  -webkit-transform:scale(1) rotate(720deg);
  -moz-transform:scale(1) rotate(720deg);
  -ms-transform:scale(1) rotate(720deg);
  opacity:1
 }
}
.maybe-wenda.show {
 animation:show-maybe .6s ease-out;
 animation-fill-mode:both;
 -webkit-animation:show-maybe .6s ease-out;
 -moz-animation:show-maybe .6s ease-out;
 -webkit-animation-fill-mode:both
}
.maybe-wenda .icon-chat {
 font-size:52px;
 color:#d0d6d9;
 display:block;
 margin-top:40px
}
.maybe-wenda .text {
 margin:24px auto;
 color:#14191e;
 line-height:28px;
 display:block
}
.maybe-wenda .btn {
 width:100px;
 height:40px;
 box-sizing:border-box
}
.maybe-wenda .btn.ok {
 background:#00b33b;
 color:#fff;
 margin-right:20px
}
.maybe-wenda .btn.no {
 border:solid #98a1a6 1px;
 background:#fff;
 color:#9ea3a5
}
.praise-anim {
 -webkit-animation:praiseAnim .5s .1s;
 -moz-animation:praiseAnim .5s .1s;
 -o-animation:praiseAnim .5s .1s;
 animation:praiseAnim .5s .1s
}
@-webkit-keyframes praiseAnim {
 0%,
 100% {
  opacity:1;
  transform:scale(1)
 }
 50% {
  opacity:.3;
  transform:scale(1.4)
 }
}
@-moz-keyframes praiseAnim {
 0%,
 100% {
  opacity:1;
  transform:scale(1)
 }
 50% {
  opacity:.3;
  transform:scale(1.4)
 }
}
@keyframes praiseAnim {
 0%,
 100% {
  opacity:1;
  transform:scale(1)
 }
 50% {
  opacity:.3;
  transform:scale(1.4)
 }
}
.score-info {
 position:absolute;
 right:0;
 top:100px;
 width:198px
}
.course-info-main .info-bar {
 margin-bottom:-65px \9\0
}
.course-info-main.has-progress .info-bar {
 margin-bottom:0 \9\0
}
.course-info-main.has-progress .content-wrap {
 margin-top:65px \9\0
}
@media only screen and (max-width:820px) {
 .score-info {
  position:relative;
  right:auto;
  top:auto;
  width:auto;
  margin-top:40px
 }
 .course-info-main .info-bar {
  margin-bottom:0 \9\0
 }
 .score-info .person-num.noLogin {
  right:auto;
  bottom:18px
 }
 .info-box {
  position:absolute;
  right:10px;
  bottom:18px
 }
 .info-box span {
  margin-right:10px
 }
}
#header {
 background:#fff;
 z-index:2;
 box-shadow:0 4px 8px 0 rgba(28,31,33,.1)
}
#studyMain {
 position:relative;
 z-index:1
}
.course-detail-header {
 position:relative;
 padding-right:24px;
 height:60px
}
.course-detail-header #login-area .my-cart {
 top:48px
}
.course-detail-header #login-area .header-unlogin>li:not(.shop-cart) a {
 height:60px;
 line-height:60px
}
.course-detail-header #login-area .header-unlogin>li:not(.shop-cart).header-app a,
.course-detail-header #login-area .header-unlogin>li:not(.shop-cart).header-signin a,
.course-detail-header #login-area .header-unlogin>li:not(.shop-cart).header-signup a {
 color:#787d82
}
.course-detail-header #login-area .header-unlogin>li:not(.shop-cart).header-signin a:hover,
.course-detail-header #login-area .header-unlogin>li:not(.shop-cart).header-signup a:hover {
 color:#f01414;
 background:0 0
}
#header #login-area .shop-cart {
 margin:12px 0
}
#header #login-area .logined>li>a {
 height:60px;
 line-height:60px
}
.shop-cart .shop-cart-icon {
 border-color:#b2b8bd!important
}
.shop-cart .shop-cart-icon span {
 color:#b2b8bd
}
.shop-cart.hover .shop-cart-icon {
 border-color:#545c63!important
}
.shop-cart.hover .shop-cart-icon span {
 color:#545c63
}
.logined>li:nth-child(2) {
 margin-left:8px;
 margin-right:24px
}
.logined>li #header-avator {
 height:60px;
 line-height:60px;
 width:44px
}
.remind_warp {
 margin-top:6px;
 margin-bottom:6px
}
.remind_warp .icon-notifi {
 font-size:20px;
 color:#b2b8bd
}
.remind_warp .icon-notifi:hover {
 color:#545c63!important
}
.remind_warp .msg_remind {
 width:4px;
 height:4px;
 background:#f01414;
 border-radius:3px;
 right:20px;
 top:10px
}
.nv-follow-a {
 margin-right:24px
}
.follow-action {
 cursor:pointer
}
.follow-action i,
.follow-action span {
 float:left;
 line-height:60px;
 transition:.3s all linear
}
.follow-action i {
 font-size:20px;
 color:#b2b8bd;
 margin-right:4px
}
.follow-action span {
 font-size:12px;
 color:#9199a1
}
.follow-action:hover i,
.follow-action:hover span {
 color:#545c63
}
.search-warp {
 float:right;
 margin:12px 36px 12px 0
}
.search-warp .search-area {
 height:36px;
 width:360px!important;
 background:#f3f5f6;
 border-radius:8px;
 box-sizing:border-box;
 padding-right:56px;
 border:1px solid #f3f5f6;
 margin:0;
 transition:.3s all linear
}
.search-warp .search-area.suggest-active {
 border:none
}
.search-warp .search-input {
 height:34px;
 color:#1c1f21;
 padding-left:16px;
 border-top-left-radius:8px;
 border-bottom-left-radius:8px
}
.search-warp .showhide-search {
 width:56px;
 height:36px;
 text-align:center;
 top:0;
 right:0;
 padding:0;
 border-radius:inherit;
 border-top-right-radius:8px;
 border-bottom-right-radius:8px;
 transition:.3s all linear
}
.search-warp .showhide-search:hover {
 background:0 0
}
.search-warp .showhide-search i {
 width:100%;
 height:36px;
 line-height:36px;
 font-size:24px;
 transition:.3s all linear
}
.search-warp.search-active .showhide-search {
 background:0 0
}
.search-warp.search-active i {
 color:#757a7e
}
.search-warp.search-active .search-area {
 background:#fff;
 border:1px solid #545c63;
 box-shadow:0 0 0 4px rgba(28,31,33,.1)
}
.search-warp.search-active .showhide-search {
 background:#383d42
}
.search-warp.search-active .showhide-search i {
 color:#fff
}
.search-warp .search-area-result {
 width:358px;
 top:40px
}
.nv {
 float:left
}
.nv>a {
 display:block;
 height:60px;
 line-height:60px
}
.icon {
 display:inline-block;
 vertical-align:middle
}
.post-action>.icon {
 vertical-align:baseline
}
.icon-arrow-left {
 width:8px;
 height:16px;
 margin-right:4px;
 background-position:-90px 0
}
.page {
 margin-top:40px;
 margin-bottom:60px
}
.bdshare_popup_box {
 display:none!important
}
.course-follow .icon {
 color:#787d82;
 font-size:20px
}
.course-followed .icon {
 color:#f01400;
 font-size:20px
}
.icon-share {
 width:20px;
 height:19px;
 vertical-align:middle;
 background-position:0 0
}
.icon-msg {
 width:18px;
 height:16px;
 vertical-align:middle;
 color:#fff;
 font-size:18px
}
.nv-goback a {
 width:70px;
 text-align:center
}
.nv-goback a i {
 font-size:24px;
 color:#9199a1;
 line-height:60px;
 transition:.3s all linear
}
.nv-goback:hover {
 background-color:#f3f5f6
}
.nv-goback:hover i {
 color:#545c63
}
.nv-menu>a {
 padding-right:24px;
 font-size:14px;
 color:#b5b9bc;
 position:relative
}
.chaptername em {
 font-size:16px;
 color:#1c1f21;
 font-weight:700
}
.nv-follow {
 padding:0 10px
}
.nv-follow a {
 position:relative;
 padding-left:30px;
 text-align:center;
 color:#787d82;
 font-size:12px;
 line-height:60px
}
.nv-follow a i {
 margin-right:10px;
 position:absolute;
 left:0;
 top:20px
}
.nv-follow:hover {
 background-color:#363c40
}
.nv-follow:hover a {
 color:#fff
}
.course-follow:hover .icon {
 background-position:-30px -29px
}
.course-followed:hover .icon {
 background-position:-60px -28px
}
.nvr {
 float:left
}
.nvr>a {
 display:block;
 height:60px;
 line-height:60px;
 width:60px;
 text-align:center
}
.nvr>a:hover {
 background-color:#363d40
}
.nvr-msg {
 position:relative
}
.nvr-msg:hover .icon-msg {
 background-position:0 -57px
}
.nvr-msg .msg_icon {
 border-radius:1px
}
.nvr .nvr-mp {
 width:auto;
 min-width:30px;
 padding:14px 15px 0;
 height:46px
}
.nvr-mp span {
 display:block;
 line-height:16px;
 font-size:13px;
 color:#6c7072
}
.nvr-mp:hover .mp_num {
 color:#fff
}
.nvr-space {
 position:relative
}
.nvr-space.hover {
 background-color:#363d40
}
.nvr-space img {
 border-radius:22px;
 border:2px solid #adb0b1;
 vertical-align:middle
}
.nvr-space-li:hover #nav_list {
 display:block
}
#nav_list {
 background:#363d40
}
#nav_list li a {
 border-top:1px solid #5c6263
}
#nav_list li a:hover {
 color:#fff;
 background-color:#2a2c2e
}
#nav_list #my_space:hover {
 background:#485053
}
.fixarea {
 position:absolute;
 top:0;
 right:0
}
.answertabcon {
 clear:both
}
.answertabcon p.default_qa {
 text-align:center;
 margin:0 auto;
 line-height:90px;
 font-size:20px;
 color:#b0b0b0;
 height:90px;
 position:relative
}
.answertabcon p.default_qa img {
 display:inline-block;
 position:absolute;
 top:30px;
 left:260px;
 width:30px;
 height:30px
}
.answerlist {
 padding:16px 0 12px 0;
 border-bottom:1px solid #c7c7c7;
 clear:both;
 overflow:hidden;
 position:relative
}
.answerbox {
 margin-left:90px
}
.answerlist span.makesure {
 background:url(/static/img/ok.png) no-repeat;
 width:25px;
 height:24px;
 position:absolute;
 top:16px;
 right:0
}
.answerlist .qa_pic {
 float:left;
 width:60px;
 height:60px;
 border:1px solid #ccc;
 overflow:hidden
}
.answerlist .qa_pic img {
 width:60px;
 height:60px
}
.answerlist .qa_answercount {
 float:right;
 width:34px;
 height:34px;
 text-align:center;
 color:#fff;
 line-height:34px
}
.answerlist .qa_isscon {
 float:left;
 margin-left:10px;
 width:630px
}
.answerlist .qa_isscon a:hover {
 text-decoration:underline
}
.answerlist dl {
 clear:both
}
.answerlist dt,
.answerlist dt a:link,
.answerlist dt a:visited {
 font-size:18px;
 line-height:24px;
 color:#666565;
 cursor:pointer;
 word-wrap:break-word
}
.answerlist dl dd {
 display:none
}
.disscus-code-icon-wrap {
 line-height:0
}
.disscus-code-icon {
 display:inline-block;
 width:140px;
 height:50px;
 cursor:pointer;
 background:#a39ca9 url(/static/images/code-discus-icon.png) no-repeat
}
.disscus-code-icon:hover {
 background-color:#746e7a
}
.hide {
 display:none
}
.w500 {
 width:500px
}
.w724 {
 width:764px
}
.course-relation {
 padding:0 20px 1px;
 margin-bottom:18px
}
.course-relationlist {
 margin:20px 0
}
.course-cover {
 display:block;
 height:60px;
 overflow:hidden
}
.course-name {
 float:right;
 width:102px;
 font-size:12px;
 color:#60686b;
 line-height:20px;
 word-break:break-all;
 word-wrap:break-word
}
.cp-other-learned {
 padding-top:20px;
 clear:both
}
.cp-other-learned .cp-header {
 border-bottom:1px solid #d0d6d9;
 height:50px;
 line-height:50px;
 overflow:hidden
}
.cp-other-learned .cp-header .cp-tit {
 font-size:16px;
 font-weight:700
}
.cp-other-learned .cp-header .cp-tabs {
 margin-left:20px
}
.cp-other-learned .cp-header .cp-tabs li.end a {
 border-left:1px solid #d0d6d9;
 padding-right:0;
 padding-left:11px
}
.cp-other-learned .cp-header .cp-tabs a {
 padding-right:11px;
 font-size:12px;
 color:#787d82
}
.cp-other-learned .cp-header .cp-tabs a.on,
.cp-other-learned .cp-header .cp-tabs a:hover {
 color:#f01400
}
.cp-other-learned .cp-tab-pannel {
 display:none
}
.cp-other-learned .other-list {
 font-size:0;
 letter-spacing:0;
 overflow:hidden
}
.cp-other-learned .other-list li {
 font-size:12px;
 letter-spacing:normal;
 border-bottom:1px solid #edf1f2
}
.cp-other-learned .other-list li.curr img {
 display:block
}
.cp-other-learned .other-list li.curr a {
 color:#1c1f21
}
.cp-other-learned .other-list li img {
 display:none;
 margin-top:16px;
 max-width:100%;
 vertical-align:top
}
.cp-other-learned .other-list li .name {
 display:block;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 line-height:46px
}
.cp-other-learned .other-list li a {
 color:#787d82
}
#bdshare .bds_more {
 background:url(/static/img/share.png) no-repeat!important;
 width:24px!important;
 height:22px!important;
 padding:0
}
#page_course_learn a#learnOn,
#page_course_note a#noteOn,
#page_course_qa a#qaOn,
#page_course_wiki a#wikiOn {
 border-bottom:4px solid #c9394a;
 color:#c9394a;
 height:50px;
 text-decoration:none
}
#sectionlist {
 position:absolute;
 top:60px;
 left:70px;
 width:390px;
 height:504px;
 background:#262f33;
 z-index:1024
}
#sectionlist h3 {
 height:50px;
 line-height:50px;
 border-bottom:1px solid #363d40;
 font-size:16px;
 color:#84c00b;
 padding:0 19px
}
.scrollcont {
 padding:10px 0
}
#sectionlist ul {
 height:433px;
 overflow:hidden
}
#sectionlist ul li a,
#sectionlist ul li span {
 padding-left:30px;
 height:30px;
 line-height:30px;
 display:block
}
#sectionlist ul li span {
 font-size:14px;
 color:#b4bbbf;
 padding-left:20px
}
#sectionlist ul li span em {
 background:url(/static/img/learnicon.png) no-repeat 0 -41px;
 width:20px;
 height:30px;
 display:inline-block;
 vertical-align:middle;
 margin-right:8px
}
#sectionlist .detaillist {
 position:relative
}
.detaillist li a {
 position:relative
}
.detaillist li a b {
 position:absolute;
 right:60px;
 font-size:12px;
 color:#84c00b;
 font-weight:400
}
.detaillist li a i {
 background:url(/static/img/learnicon.png) no-repeat 0 -321px;
 float:right;
 height:30px;
 width:24px;
 display:inline-block;
 vertical-align:middle;
 margin-right:30px
}
.detaillist li a i.do-study {
 background:url(/static/img/finishicon.png) no-repeat 0 8px
}
.detaillist li a i.has-study {
 background:url(/static/img/learnicon.png) no-repeat 0 -279px
}
.detaillist li a i.finish-study {
 background:url(/static/img/learnicon.png) no-repeat 0 -239px
}
#sectionlist .detaillist li a {
 font-size:12px;
 color:#656e73;
 display:block;
 overflow:hidden;
 padding-left:70px;
 word-break:break-all
}
#sectionlist .detaillist li a:hover {
 text-decoration:underline;
 color:#fff
}
#sectionlist .detaillist li a.studyvideo {
 background:url(/static/img/learnicon.png) no-repeat 50px -127px
}
#sectionlist .detaillist li a.practise {
 background:url(/static/img/learnicon.png) no-repeat 50px -163px
}
#sectionlist .detaillist li a.programme {
 background:url(/static/img/learnicon.png) no-repeat 50px -200px
}
.my_message a:hover,
.my_mp a:hover {
 background-color:#485053
}
.my_mp a:hover span.mp_num {
 color:#fff
}
#study-section {
 width:100%;
 height:16px;
 line-height:16px;
 overflow:hidden
}
.submenulist {
 width:100%;
 height:16px;
 line-height:16px;
 background:#2a2c2e
}
.submenulist li {
 float:left;
 color:#fff;
 text-align:center
}
.submenulist li a {
 color:#fff
}
.submenulist li a {
 display:block;
 border-right:1px solid #000;
 text-decoration:none;
 color:#fff
}
.submenulist li.ceping,
.submenulist li.code,
.submenulist li.video {
 background:#39555a
}
.submenulist li.video em {
 display:inline-block;
 background:url(/static/img/chaptersection.png) no-repeat 0 -27px;
 width:10px;
 height:10px;
 text-align:center
}
.submenulist li.ceping a:hover,
.submenulist li.code a:hover,
.submenulist li.video a:hover {
 background:#3e828b
}
.submenulist li.code em {
 display:inline-block;
 background:url(/static/img/chaptersection.png) no-repeat 0 -54px;
 width:10px;
 height:10px;
 text-align:center
}
.submenulist li.ceping em {
 display:inline-block;
 background:url(/static/img/chaptersection.png) no-repeat 0 1px;
 width:10px;
 height:10px;
 text-align:center
}
.cepingcur,
.codecur,
.submenulist li.ceping a.cepingcur:hover,
.submenulist li.code a.codecur:hover,
.submenulist li.video a.videocur:hover,
.videocur {
 background:#46afbc
}
.video_mark {
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 background:#000;
 opacity:.5;
 height:100%;
 width:100%;
 display:none;
 z-index:1000
}
.partTop {
 background:url(/static/img/bg_ceping.png) repeat;
 height:533px;
 width:100%
}
.issueBtn {
 background:none repeat scroll 0 0 #39b94e;
 color:#fff;
 cursor:pointer;
 display:block;
 font-size:16px;
 height:108px;
 line-height:108px;
 text-align:center;
 width:100px;
 float:right
}
.rich-text-editor {
 line-height:1em;
 padding:0 3px
}
.code-publish-qa .rich-text-editor,
.video-publish-qa .rich-text-editor {
 margin-left:125px
}
.rich-text-editor textarea {
 width:100%;
 height:200px
}
.discuss-input {
 min-height:90px
}
.ceping-wrap .discuss-input {
 margin-left:0
}
.qa-control-wrap {
 padding:10px 0
}
.qa-control-wrap label {
 float:left;
 padding-top:6px;
 width:50px;
 font-size:14px
}
.shot-input {
 display:block;
 height:94px;
 width:430px;
 float:left;
 background-color:#fff;
 position:relative
}
.publish-wrap {
 position:relative
}
.publish-shot {
 position:absolute;
 left:0;
 top:0;
 width:120px;
 height:90px
}
.publish-note-inner {
 position:relative
}
.note-input {
 line-height:0;
 padding-bottom:15px
}
.code-publish-note .note-input,
.video-publish-note .note-input {
 margin-left:130px
}
.ceping-wrap .note-input {
 margin-left:0
}
.note-input textarea {
 width:100%;
 resize:none;
 height:72px;
 line-height:18px;
 font-size:13px;
 overflow:auto;
 color:#555
}
.publish-shot-note {
 left:0;
 top:0
}
.note-text-counter {
 position:absolute;
 right:5px;
 bottom:3px;
 font-size:12px;
 line-height:1em;
 color:#ccc
}
.border-box {
 border:1px solid #ddd;
 padding:10px 0 10px 10px;
 height:86px;
 float:left;
 margin-right:10px;
 width:555px
}
.shot {
 text-align:center;
 float:left;
 position:relative;
 width:120px;
 height:90px
}
.shot-video .icon-x {
 width:24px;
 height:24px;
 position:absolute;
 right:-10px;
 top:-10px;
 background:url(/static/img/icon.png) 0 -53px;
 cursor:pointer
}
.shot-video-icon {
 width:120px;
 height:90px;
 cursor:pointer;
 background:#d0d6d9 url(/static/img/mod_study.png) no-repeat center center
}
.shot-code-icon {
 width:120px;
 height:90px;
 cursor:pointer;
 background:#ccc url(/static/img/code-shot.png) no-repeat 0 0;
 -webkit-transition:.25s;
 -moz-transition:.25s;
 -o-transition:.25s;
 transition:.25s
}
.shot-code-icon.shoted {
 background-position:0 -90px
}
.shot-btn.off {
 cursor:default;
 background:0 0
}
.shot-video-img {
 width:120px;
 height:90px;
 line-height:1em
}
.btn-close {
 position:absolute;
 font-size:21px;
 right:0;
 top:0;
 color:#666;
 cursor:pointer
}
.btn-close:hover {
 color:#333
}
.shot-time {
 padding:0;
 text-align:center;
 background-color:#000;
 width:100%;
 color:#fff;
 height:25px;
 line-height:25px;
 position:absolute;
 left:0;
 bottom:0
}
.shot-input textarea {
 width:420px;
 height:70px;
 resize:none;
 border:0;
 overflow:auto;
 padding:0 0 0 10px;
 font-size:14px;
 color:#d0d6d9;
 font-family:"Microsoft YaHei"
}
.btn-close:hover {
 transform:none
}
#NotePublist .issueBtn {
 height:84px;
 line-height:84px
}
.study_share {
 border-bottom:1px solid #d0d6d9;
 padding:13px 0;
 height:28px;
 width:244px;
 margin:0 auto
}
body .create-wiki {
 padding-bottom:18px;
 display:none;
 float:right
}
body .create-wiki a {
 font-size:12px;
 font-weight:600;
 color:#787d82
}
body .create-wiki a i {
 position:relative;
 color:#fff;
 font-size:12px;
 background-color:#c8cdd2;
 padding:3px;
 border-radius:10px;
 text-align:center;
 margin-right:3px
}
body .create-wiki a:hover {
 color:#14191e
}
body .create-wiki a:hover i {
 background-color:#f01400
}
.animate-mp {
 position:absolute;
 z-index:9999;
 height:50px;
 width:140px;
 padding-top:10px;
 color:#a4a9ab;
 background:#fff;
 text-align:center;
 line-height:20px;
 box-shadow:0 4px 8px 0 rgba(0,0,0,.2)
}
.animate-mp .desc {
 font-size:12px;
 color:#787d82
}
.animate-mp .mp {
 font-size:12px;
 font-weight:600;
 color:#08c
}
.animate-mp .mp i {
 position:relative;
 top:-1px;
 font-size:16px
}
.animate-mp .mp .num {
 font-size:18px;
 margin:0 2px
}
.label-checked {
 padding:7px 10px
}
.limit-overflow {
 color:#c33
}
.question-area {
 width:783px;
 float:left;
 padding-bottom:8px;
 position:relative
}
.question-area .another-meth {
 border:0 none;
 position:absolute;
 font-size:12px;
 color:#00b33b;
 line-height:18px;
 width:auto;
 text-align:right;
 right:9px;
 top:1px
}
.question-area .another-meth:hover {
 color:#00802b
}
body {
 background:#f8fafc
}
.input-btm {
 padding:30px 0 40px
}
.discuss-bottom {
 padding:18px 0 0
}
.course-btn,
.course-discuss-btn {
 background-color:#00b33b;
 font:14px/40px "Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft Yahei","微软雅黑",Tahoma,Arial,STHeiti,sans-serif;
 height:40px;
 padding:0 12px;
 text-align:center;
 color:#fff;
 cursor:pointer;
 margin-top:20px;
 border-radius:2px;
 margin-right:24px
}
.course-btn:hover,
.course-discuss-btn:hover {
 background-color:#33a646
}
.submit-loading {
 cursor:no-drop;
 background-color:#999
}
.submit-loading:hover {
 background-color:#999
}
.input-btm {
 position:relative
}
.input-btm .course-btn {
 margin-top:0
}
.input-btm .js-notepop-verify-box {
 bottom:49px
}
.captcha-verify-box {
 position:absolute;
 right:-104px;
 bottom:100px;
 padding:6px;
 width:320px;
 background:#fff;
 border-radius:4px;
 border:1px solid #d0d6d9;
 z-index:999
}
.captcha-verify-box:after {
 position:absolute;
 bottom:-11px;
 left:156px;
 content:" ";
 display:block;
 width:0;
 height:0;
 border-top:10px solid #d0d6d9;
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 z-index:9
}
.captcha-verify-box:before {
 position:absolute;
 bottom:-9px;
 left:157px;
 content:" ";
 display:block;
 width:0;
 height:0;
 border-top:9px solid #fff;
 border-left:9px solid transparent;
 border-right:9px solid transparent;
 z-index:10
}
.captcha-verify-box .js-mocaptcha-close {
 position:absolute;
 right:-40px;
 top:-7px;
 display:block;
 color:#fff;
 width:30px;
 height:30px;
 font-size:18px;
 line-height:30px;
 text-align:center;
 background:rgba(0,0,0,.6);
 cursor:pointer
}
.use-credit-tip {
 position:absolute;
 font-size:12px;
 right:30px;
 bottom:12px;
 display:none
}
.use-credit-tip .credit-info {
 color:#ff7802;
 padding-right:7px
}
.use-credit-tip .credit-rule {
 color:#787d82
}
.use-credit-tip .credit-rule:hover {
 transition:all .3s;
 -weibkit-transition:all .3s;
 -moz-transition:all .3s;
 color:#14191e
}
.course-subcontainer {
 width:1152px;
 margin:0 auto
}
.course-subnav {
 width:100%;
 height:68px;
 background:#fff;
 box-shadow:0 4px 8px 0 rgba(28,31,33,.1)
}
.course-subnav ul {
 width:1152px;
 margin:0 auto;
 padding:12px 16px
}
.course-subnav li {
 position:relative;
 float:left;
 margin-right:96px;
 font-size:16px;
 color:#545c63;
 line-height:40px;
 cursor:pointer;
 font-weight:700
}
.course-subnav li:hover {
 color:#f20d0d
}
.course-subnav li::before {
 display:none;
 content:" ";
 position:absolute;
 width:20px;
 height:3px;
 background:red;
 bottom:0;
 margin-left:-10px;
 left:50%;
 border-radius:2px
}
.course-subnav li.current {
 color:#f20d0d
}
.course-subnav li.current::before {
 display:block
}
.course-left {
 float:left;
 position:relative;
 width:800px
}
.course-left .tab-item {
 display:none
}
.course-left .tab-item.current {
 display:block
}
.list-wrap {
 margin-top:71px
}
.list-tab-con {
 padding:0
}
#pl-content {
 padding-top:24px
}
.pl-input-wrap .user-head {
 display:inline-block;
 overflow:hidden;
 margin-left:24px;
 margin-right:20px
}
.pl-input-wrap .user-head img {
 width:40px;
 height:40px;
 border-radius:50%
}
.pl-input-inner {
 width:715px;
 position:relative;
 padding:8px 10px;
 border:1px solid #b7bbbf;
 background-color:#fff;
 box-sizing:border-box;
 border-radius:2px
}
.pl-input-inner textarea {
 display:block;
 width:97%;
 min-height:62px;
 padding:8px;
 color:#555;
 font-size:14px;
 resize:none;
 line-height:18px;
 font-family:"Microsoft YaHei"
}
.pl-input-inner .num-limit {
 position:absolute;
 line-height:100%;
 font-size:12px;
 right:5px;
 bottom:5px;
 color:#d0d6d9
}
.pl-input-inner.ipt-fake-focus {
 border-color:#4d5559;
 -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.4);
 -moz-box-shadow:0 0 8px 0 rgba(0,0,0,.4);
 box-shadow:0 0 8px 0 rgba(0,0,0,.4)
}
.pl-input-inner.ipt-fake-error {
 border-color:#f01400
}
.pl-input-inner.ipt-fake-error.ipt-fake-focus {
 border-color:#f01400;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.pl-container {
 border-top:1px solid #d9dde1
}
.pl-container .pl-list {
 padding:20px 24px;
 border-bottom:1px solid #d9dde1
}
.pl-container .pl-list-avator {
 float:left;
 width:40px;
 height:40px
}
.pl-container .pl-list-avator img {
 display:block;
 border-radius:50%
}
.pl-container .pl-list-main {
 margin-left:60px
}
.pl-container .pl-list-nick {
 line-height:1.2;
 margin-bottom:8px
}
.pl-container .pl-list-nick a {
 font-size:14px;
 color:#4d555d;
 font-weight:700
}
.pl-container .pl-list-nick a:hover {
 color:#07111b
}
.pl-container .pl-list-content {
 margin-top:3px;
 font-size:14px;
 color:#14191e;
 line-height:24px;
 word-wrap:break-word;
 white-space:pre-wrap;
 overflow:auto
}
.pl-container .pl-list-btm {
 font-size:12px;
 color:#93999f;
 margin-top:15px
}
.pl-container .pl-list-btm .list-praise {
 line-height:20px;
 color:#93999f
}
.pl-container .pl-list-btm .list-praise i {
 font-size:16px;
 position:relative;
 top:2px
}
.pl-container .pl-list-btm .list-praise:hover {
 color:#4d555d
}
.pl-container .pl-list-btm .on {
 color:#4d555d
}
.pl-container .pl-list-btm .tipoff {
 line-height:20px;
 margin-right:16px;
 font-size:12px;
 color:#93999f
}
.pl-container .pl-list-btm .tipoff:hover {
 color:#4d555d
}
.pl-none {
 padding:0;
 margin-top:180px;
 color:#93999f;
 font-size:24px;
 line-height:24px;
 text-align:center;
 height:auto
}
.pl-none span {
 font-size:120px;
 line-height:128px;
 color:#c8cdd2;
 width:130px;
 height:128px;
 display:block;
 margin:0 auto 30px
}
.othterscode-none {
 padding:0;
 margin-top:250px;
 color:#93999f;
 font-size:24px;
 line-height:24px;
 text-align:center;
 height:auto
}
.othterscode-none span {
 font-size:120px;
 line-height:128px;
 color:#c8cdd2;
 width:130px;
 height:128px;
 display:block;
 margin:0 auto 30px
}
.unwiki {
 color:#d0d6d9;
 font-size:14px;
 text-align:center;
 padding:80px 0 30px 0
}
.unwiki p {
 font-size:14px;
 color:#787d82;
 text-align:center
}
.unwiki span {
 color:#c8cdd2;
 font-size:120px;
 line-height:128px;
 width:130px;
 height:128px;
 display:block;
 margin:0 auto 30px
}
.unnote {
 padding:0;
 margin-top:180px;
 color:#93999f;
 font-size:24px;
 line-height:24px;
 text-align:center;
 height:auto
}
.unquestion p {
 font-size:14px;
 color:#787d82;
 text-align:center;
 padding:0
}
.unnote span {
 color:#c8cdd2;
 font-size:120px;
 line-height:128px;
 width:130px;
 height:128px;
 display:block;
 margin:0 auto 30px
}
.unquestion {
 padding:0;
 margin-top:180px;
 color:#93999f;
 font-size:24px;
 line-height:24px;
 text-align:center;
 height:auto
}
.unquestion span {
 color:#c8cdd2;
 font-size:120px;
 line-height:128px;
 width:130px;
 height:128px;
 display:block;
 margin:0 auto 30px
}
.textarea-wrap {
 position:relative;
 border:1px solid #d3dce0;
 padding:8px 10px;
 transition:border-color .2s;
 -webkit-transition:border-color .2s;
 -moz-transition:border-color .2s;
 -o-transition:border-color .2s
}
.course-menu {
 position:absolute;
 left:0;
 top:0;
 width:824px;
 border-bottom:1px solid #d1d6da;
 height:70px;
 background-color:#fff;
 z-index:899
}
.course-menu li {
 float:left;
 text-align:center
}
.course-menu a {
 display:block;
 padding:26px 24px;
 font-size:16px;
 color:#4d555d;
 font-weight:700
}
.course-menu a:hover {
 color:#00b43c;
 text-decoration:none
}
.course-menu a.active {
 color:#00b43c
}
.course-right {
 float:right;
 width:320px;
 padding-bottom:50px;
 padding-top:28px
}
.course-right h4 {
 position:relative;
 font-size:16px;
 font-weight:700;
 line-height:24px;
 color:#07111b
}
.course-right .course-right-title {
 position:relative
}
.course-right .course-right-title .more {
 position:absolute;
 top:0;
 right:0;
 font-size:14px;
 line-height:24px;
 color:#93999f
}
.course-right .course-right-title .more:hover {
 color:#4d555d
}
.course-right .articlelist {
 display:none;
 margin-bottom:28px;
 border-bottom:1px solid #d9dde1
}
.course-right .articlelist li {
 padding:15px 0;
 border-bottom:1px solid #edf1f2;
 line-height:20px;
 box-sizing:border-box
}
.course-right .articlelist li a {
 color:#787d82
}
.course-right .articlelist li a:hover {
 color:#14191e
}
.course-right .articlelist li a img {
 float:left;
 margin-right:10px;
 width:40px;
 height:40px
}
.course-right .articlelist li a div {
 float:left;
 width:230px;
 max-height:40px;
 overflow:hidden;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.course-right .articlelist li i {
 margin-left:5px;
 color:#b5b9bc
}
.course-right .articlelist li:last-child {
 border-bottom:none
}
.coursedownload {
 margin-bottom:28px;
 width:100%;
 border-bottom:1px solid #edf1f2;
 padding:0 24px;
 box-sizing:border-box
}
.coursedownload .downlist li:last-child {
 border-bottom:none
}
.downlist {
 line-height:24px
}
.downlist li {
 position:relative;
 margin-top:15px;
 padding-bottom:10px;
 border-bottom:1px solid #edf1f2
}
.downlist li span {
 display:block;
 margin-right:35px;
 font-size:12px;
 color:#4d555d;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.downlist li span:hover {
 color:#07111b
}
.downlist li .icon {
 display:inline-block;
 vertical-align:-2px;
 margin-right:10px;
 font-size:15px
}
.downlist li a {
 position:absolute;
 right:0;
 top:0;
 height:24px;
 font-size:12px;
 padding:0 8px;
 line-height:24px;
 color:#00b33b
}
.downlist li a:hover {
 color:#fff;
 background:#00b43c
}
.classmate {
 width:100%
}
.classmate h3 span {
 font-size:12px;
 margin-left:3px;
 font-weight:400
}
.classmate .ch-classmate {
 float:right;
 font-size:12px;
 color:#787d82
}
.classmate .ch-classmate:hover {
 color:#f01400
}
.classmate .users_wrap {
 overflow:hidden
}
.classmate .users {
 width:264px
}
.classmate .mate-avator {
 float:left;
 margin-right:26px;
 width:40px;
 height:40px;
 border-radius:20px;
 overflow:hidden;
 margin-top:20px
}
.classmate .mate-avator img {
 display:block;
 width:100%;
 height:100%
}
.classmate .mate-info {
 margin-left:50px;
 white-space:nowrap;
 font-size:14px;
 word-break:keep-all;
 overflow:hidden;
 line-height:1.4
}
.classmate .mate-info span {
 display:block;
 color:#969b9e;
 white-space:nowrap;
 word-break:keep-all;
 overflow:hidden;
 font-size:12px
}
.classmate .mate-info a {
 color:#303538;
 font-size:14px
}
.note-pop {
 width:590px
}
.note-pop .textarea-wrap textarea {
 color:#14191e;
 font-size:14px;
 height:192px;
 line-height:18px;
 overflow:auto;
 resize:none;
 width:100%
}
.note-pop .input-btm {
 padding-bottom:0
}
.note-pop .moco-btn {
 width:120px
}
.note-pop .screen-btn {
 float:left;
 width:62px;
 height:24px;
 background-color:#98a1a6;
 border-radius:12px;
 overflow:hidden;
 cursor:pointer;
 margin-top:8px
}
.note-pop .screen-btn span {
 display:block;
 width:52px;
 height:22px;
 border:1px solid #d0d6d9;
 background-color:#fff;
 border-radius:11px;
 text-align:center;
 color:#787d82;
 font-size:12px;
 line-height:22px
}
.note-pop .screen-btn.on {
 background-color:#00b33b
}
.note-pop .screen-btn.on span {
 float:right
}
.qa-pop {
 width:610px
}
.qa-pop .moco-btn {
 width:120px
}
.qa-pop .question-area {
 float:none;
 width:auto;
 padding-bottom:0
}
.qa-pop .qa-control-wrap {
 padding:0;
 margin-top:30px
}
.qa-pop .qa-control {
 position:relative;
 overflow:hidden;
 margin:0 10px
}
.qa-pop .qa-ipt-title {
 width:84%;
 border:1px solid #d3dce0;
 padding:8px;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.qa-pop .qa-ipt-title:focus {
 border-color:#7bd089;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc;
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc
}
.qa-pop .qa-ipt-title input {
 display:block;
 width:100%;
 border:0 none;
 height:22px;
 line-height:22px;
 color:#14191e
}
.qa-pop .rich-text-editor {
 margin-left:0;
 height:200px;
 position:relative;
 padding:0 2px 2px 0
}
.qa-pop .qa-ipt-title-error {
 border-color:#be3948
}
.qa-pop .qa-ipt-title-error:focus {
 border-color:#be3948;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d;
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d
}
.qa-pop .textarea-wrap {
 margin:30px 10px 0
}
.qa-pop .textarea-wrap textarea {
 color:#14191e;
 font-size:14px;
 height:72px;
 line-height:18px;
 overflow:auto;
 resize:none;
 width:100%
}
.qa-pop .pop-footer {
 margin:0 10px
}
.qa-pop .pop-footer .captcha-verify-box {
 z-index:999;
 right:-106px;
 bottom:55px
}
.qa-pop .screen-btn {
 float:left;
 width:62px;
 height:24px;
 background-color:#98a1a6;
 border-radius:12px;
 overflow:hidden;
 cursor:pointer;
 margin-top:8px
}
.qa-pop .screen-btn span {
 display:block;
 width:52px;
 height:22px;
 border:1px solid #d0d6d9;
 background-color:#fff;
 border-radius:11px;
 text-align:center;
 color:#787d82;
 font-size:12px;
 line-height:22px
}
.qa-pop .screen-btn.on {
 background-color:#00b33b
}
.qa-pop .screen-btn.on span {
 float:right
}
.send-area-result {
 left:10px
}
.wiki-pop {
 width:640px;
 height:430px
}
.wiki-pop .search_box .createwiki {
 float:left;
 padding-left:10px;
 line-height:40px
}
.wiki-pop .search_box .search_ipt {
 float:left;
 box-sizing:content-box;
 width:473px;
 height:40px;
 padding:0 10px;
 border:1px solid #d0d6d9
}
.wiki-pop .search_box .search_ipt:focus {
 border-color:#98a1a6
}
.wiki-pop .search_box .search_btn {
 float:left;
 width:80px;
 height:40px;
 color:#fff;
 cursor:pointer;
 background-color:#f01400
}
.wiki-pop .search_box .search_btn:hover {
 background-color:#ff6464
}
.wiki-pop .search-area-result {
 width:640px;
 margin-left:auto;
 margin-right:auto;
 margin-top:15px
}
.wiki-pop .search-area-result .no-result {
 text-align:center;
 margin-top:120px;
 font-size:16px;
 color:#c0c3c6
}
.wiki-pop .search-area-result .no-result span {
 color:#787d82
}
.wiki-pop .search-area-result .area-tit {
 color:#b5b9bc;
 border-bottom:1px solid #d0d6d9;
 height:44px;
 line-height:44px;
 font-size:12px
}
.wiki-pop .search-area-result .search-item {
 border-bottom:1px solid #d0d6d9;
 padding:15px 0
}
.wiki-pop .search-area-result .search-item-tit {
 height:22px;
 line-height:22px;
 color:#4b4e50;
 font-size:12px;
 font-weight:700
}
.wiki-pop .search-area-result .search-item-cont {
 font-size:12px;
 color:#787d82;
 line-height:18px
}
.wiki-pop .search-area-result .tc {
 text-align:center
}
.wiki-pop .search-area-result .highlight {
 font-style:normal;
 color:#f01400
}
.course-about {
 width:1200px;
 overflow:hidden;
 margin:30px auto 50px
}
.course-about .course-about-tit {
 height:20px;
 overflow:hidden
}
.course-about .course-about-tit h3 {
 float:left;
 text-align:left;
 font-size:16px;
 font-weight:600;
 line-height:20px;
 color:#14191e
}
.course-about .course-about-tit span {
 float:left;
 font-size:12px;
 line-height:14px;
 margin-top:6px;
 color:#787d82;
 padding-left:20px;
 margin-left:20px;
 border-left:1px solid #d0d6d9;
 cursor:pointer
}
.course-about .course-about-tit span:hover {
 color:#14191e
}
.course-about .course-about-tit span.on {
 color:#f01400
}
.course-about .con-wrap {
 display:none;
 width:9999px;
 margin-top:30px
}
.course-about .con-wrap li {
 width:200px;
 float:left;
 margin-right:50px
}
.course-about .con-wrap li a {
 display:block
}
.course-about .con-wrap li a p {
 font-size:12px;
 line-height:20px;
 text-align:left;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 margin-top:10px
}
.course-about .con-wrap li a:hover p {
 color:#f01400
}
.course-about .con-wrap li a img {
 display:block;
 width:200px;
 height:112px
}
.nv-share {
 float:left;
 position:relative;
 height:20px;
 top:20px
}
.nv-share a {
 float:left;
 background:0 0!important;
 font-size:20px!important;
 padding-left:0!important;
 color:#b2b8bd!important;
 font-family:icomoon;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:20px!important;
 margin-left:0!important;
 margin-right:24px!important;
 margin-top:0!important;
 margin-bottom:0!important;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 -webkit-text-stroke-width:.2px
}
.nv-share a:hover {
 background:0 0!important;
 color:#545c63!important
}
.nv-share .bds_weixin:before {
 content:"\e646"
}
.nv-share .bds_qzone:before {
 content:"\e647"
}
.nv-share .bds_tsina:before {
 content:"\e645"
}
@media only screen and (max-width:980px) {
 .chaptername {
  max-width:340px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
 }
}
@media only screen and (max-width:1030px) {
 .credit-tips {
  display:none!important
 }
}
@media only screen and (max-width:1130px) {
 .nv-share {
  display:none
 }
 .credit-tips {
  visibility:hidden;
  display:none!important
 }
}
.pl-input-btm .verify-code {
 margin:20px 20px 0 84px
}
@media only screen and (max-width:1200px) {
 .course-subcontainer {
  width:800px
 }
 .course-left {
  float:none;
  width:720px;
  margin:0 auto
 }
 .course-about {
  width:720px
 }
 .course-about .con-wrap li {
  margin-right:60px
 }
 .course-left,
 .course-right {
  float:none
 }
 .course-right {
  width:720px;
  margin:0 auto;
  padding-bottom:30px
 }
 .course-menu {
  width:720px
 }
 .coursedownload {
  width:320px;
  margin-right:80px
 }
 .classmate {
  width:320px
 }
 .classmate .users {
  width:350px
 }
 .classmate .users a {
  margin-right:30px
 }
}
@media only screen and (max-width:1330px) {
 .course-subnav ul {
  margin-left:60px;
  width:auto
 }
}
@media only screen and (max-width:1490px) {
 .search-warp {
  display:none
 }
}
.credit-tips {
 color:#ff7802;
 font-size:12px;
 line-height:60px;
 margin-left:20px
}
.credit-tips strong {
 font-weight:700
}
.course-tool-bar {
 position:relative;
 padding-right:15px;
 font-size:12px;
 height:58px;
 background-color:#f3f5f7
}
.course-tool-bar .tool-left a {
 margin:0 20px;
 color:#787d82;
 float:left;
 font-size:12px;
 display:inline-block;
 line-height:58px;
 text-align:center
}
.course-tool-bar .tool-left a.active {
 color:#14191e
}
.course-tool-bar .tool-right {
 color:#787d82;
 height:58px;
 line-height:58px
}
.course-tool-bar .tool-right .switch {
 float:left;
 position:relative;
 width:40px;
 height:20px;
 margin-right:12px;
 margin-top:18px
}
.course-tool-bar .tool-right .switch.on .switch-line {
 background-color:rgba(0,180,60,.2)
}
.course-tool-bar .tool-right .switch-line {
 width:40px;
 height:6px;
 margin-top:8px;
 background-color:#d0d6d9;
 border-radius:10px;
 position:absolute;
 z-index:0
}
.course-tool-bar .tool-right .switch.on .round {
 left:20px;
 border-color:#00b43c
}
.course-tool-bar .tool-right .round {
 width:20px;
 height:20px;
 border-radius:50%;
 border:2px solid #b4bbbf;
 position:absolute;
 background-color:#fff;
 cursor:pointer;
 transition:all .3s;
 top:0;
 left:0;
 z-index:1;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.course-tool-bar .tool-chk {
 color:#787d82;
 display:inline-block;
 height:18px;
 line-height:18px;
 padding-left:24px;
 background:url(/static/img/course/v2/dot_checkbox.png) no-repeat -7px -6px;
 vertical-align:middle
}
.course-tool-bar .tool-chk.checked {
 background-position:-7px -36px;
 padding:0 0 0 24px
}
.space-note-input {
 position:relative;
 margin:10px 0 20px;
 padding:6px 10px 15px 6px;
 border:1px solid #4d5559;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 transition:border-color .2s;
 -moz-transition:border-color .2s;
 -webkit-transition:border-color .2s;
 -o-transition:border-color .2s
}
.space-note-input textarea {
 width:100%;
 resize:none;
 height:72px;
 line-height:18px;
 font-size:13px;
 overflow:auto;
 color:#555
}
p.space-note-text-counter {
 position:absolute;
 right:5px;
 bottom:3px;
 font-size:12px;
 line-height:12px!important;
 color:#ccc;
 padding:0
}
p.space-note-text-counter span {
 line-height:12px!important
}
.space-fake-focus {
 border-color:#4d5559;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d3d3d3
}
.space-fake-error {
 border-color:#be3948
}
.space-fake-error.space-fake-focus {
 border-color:#be3948;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d
}
.post-row .sava_btn {
 display:none;
 float:right;
 height:30px;
 width:100px;
 margin-right:-2px;
 padding:0 10px;
 font-size:12px;
 padding:0;
 background:#39b94e;
 text-align:center;
 line-height:30px;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 transition:.4s
}
.post-row .sava_btn:link {
 color:#fff
}
.post-row .sava_btn:hover {
 opacity:.8
}
.post-row .sava_btn:visited {
 color:#fff
}
.pop-deleting,
.popl-wrap {
 width:220px;
 height:200px;
 padding:40px;
 position:fixed;
 left:50%;
 top:50%;
 margin:-140px 0 0 -150px;
 z-index:19891017;
 background:#fff;
 box-shadow:0 4px 8px rgba(0,0,0,.2);
 -webkit-box-shadow:0 4px 8px rgba(0,0,0,.2)
}
.popl-hd {
 height:58px;
 background:url(/static/lib/layer/1.6.0/skin/default/xubox_ico1.png) center 0 no-repeat
}
.popl-main {
 margin:21px 0 25px;
 text-align:center
}
.popl-main p {
 color:#14191e;
 font-size:14px;
 line-height:28px
}
.popl-btm .popl-btn {
 position:absolute;
 left:50%;
 text-decoration:none;
 color:#fff;
 font-size:14px;
 text-align:center;
 width:98px;
 height:38px;
 line-height:40px
}
.popl-btm .popl-yes {
 border:1px solid #00b33b;
 background-color:#00b33b;
 margin-right:10px;
 left:40px
}
.popl-btm .popl-no {
 border:1px solid #98a1a6;
 background-color:#fff;
 color:#969b9e;
 margin-left:10px
}
.contain-coverLayer {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:#000;
 z-index:1826515;
 opacity:.5
}
.pop-deleting {
 height:97px;
 width:120px;
 padding:23px 0 0 0;
 text-align:center;
 font-size:14px;
 color:#14191e;
 margin:-60px 0 0 -60px
}
.deleting-bd {
 height:40px;
 background:url(/static/lib/layer/1.6.0/skin/default/xubox_ico1.png) 60% -98px no-repeat;
 margin-bottom:15px
}
.deleting-bd.pop-error {
 background-position:60% -58px
}
.deleting-bd.pop-dodeling {
 background:url(/static/lib/layer/1.6.0/skin/default/pop_loading0.gif) center 0 no-repeat
}
.course-right .mb40 {
 margin-bottom:28px;
 padding:0 0 24px 0;
 border-bottom:1px solid #d9dde1
}
.box li {
 padding:15px 0;
 border-bottom:1px solid #edf1f2;
 line-height:20px;
 overflow:hidden
}
.all-attention a {
 display:inline-block;
 margin-right:24px;
 line-height:32px;
 padding:6px 0;
 font-size:12px;
 color:#000;
 font-weight:400
}
.all-attention .orange {
 color:#f63
}
.all-attention .orange:hover {
 color:rgba(255,102,51,.8)
}
.all-attention .green {
 color:#00b43c
}
.all-attention .green:hover {
 color:rgba(0,180,60,.8)
}
.all-attention .blue {
 color:#008cc8
}
.all-attention .blue:hover {
 color:rgba(0,140,200,.8)
}
.all-attention .lake-blue {
 color:#0cc
}
.all-attention .lake-blue:hover {
 color:rgba(0,204,204,.8)
}
.all-attention .yellow {
 color:#f93
}
.all-attention .yellow:hover {
 color:rgba(255,153,51,.8)
}
.all-attention .fz20 {
 font-size:20px
}
.all-attention .fz14 {
 font-size:14px
}
.all-attention .fz16 {
 font-size:16px
}
.all-attention .fz18 {
 font-size:18px
}
.all-attention .bold {
 font-weight:700
}
.all-attention .normal {
 font-weight:400
}
.recom-course-list-box {
 width:328px;
 padding:0 24px;
 box-sizing:border-box;
 border-bottom:1px solid #d9dde1
}
.recom-course-list-box .recom-course-list li:last-child {
 border-bottom:none
}
.recom-course-list-box .recom-course-list li {
 width:100%;
 padding:24px 0;
 border-bottom:1px solid #d9dde1
}
.recom-course-list-box .recom-course-list li .course-img {
 margin-right:16px;
 width:72px;
 height:60px;
 background-size:cover;
 border-radius:2px;
 background-color:#f3f5f7
}
.recom-course-list-box .recom-course-list li .content-box {
 width:190px
}
.recom-course-list-box .recom-course-list li .content-box .smalle-title {
 margin-bottom:8px;
 font-size:14px;
 line-height:20px;
 color:#07111b;
 text-overflow:ellipsis;
 word-break:break-all;
 word-wrap:break-word;
 overflow:hidden;
 max-height:40px;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.recom-course-list-box .recom-course-list li .content-box .content-text {
 margin-bottom:8px;
 font-size:12px;
 line-height:20px;
 color:#93999f;
 text-overflow:ellipsis;
 word-break:break-all;
 word-wrap:break-word;
 overflow:hidden;
 max-height:40px;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.recom-course-list-box .recom-course-list li .content-box .learn-detail {
 font-size:12px;
 line-height:24px;
 color:#93999f
}
.recom-course-list-box .recom-course-list li .content-box .learn-detail span {
 padding:0 3px
}
.all-attention-box h4 {
 margin-bottom:12px
}
.c-comment,
.c-notelist,
.c-qalist {
 padding-top:24px
}
.c-download {
 padding-top:32px
}
.c-download li {
 display:flex;
 background:#fff;
 box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
 border-radius:12px;
 padding:16px 24px;
 box-sizing:border-box;
 margin-bottom:8px
}
.c-download li span {
 flex:1;
 font-size:14px;
 color:#1c1f21;
 line-height:36px
}
.c-download li>i {
 font-size:36px;
 color:#d3d6d9;
 margin-right:16px
}
.c-download li a {
 border-radius:18px;
 padding:0 16px
}
.c-download li a:hover {
 background:rgba(28,31,33,.08)
}
.c-download li a i,
.c-download li a span {
 float:left;
 color:#545c63;
 line-height:36px
}
.c-download li a i {
 font-size:16px
}
.c-download li a span {
 font-size:14px
}
.c-codelist {
 padding-top:32px
}
.c-codelist li {
 height:80px;
 background:#fff;
 box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
 border-radius:12px;
 margin-bottom:8px;
 padding:16px 24px;
 box-sizing:border-box
}
.c-codelist .code-uhead {
 float:left;
 margin-right:24px
}
.c-codelist .code-uhead dl,
.c-codelist .code-uhead img {
 float:left
}
.c-codelist .code-uhead img {
 width:48px;
 height:48px;
 border-radius:50%;
 margin-right:16px
}
.c-codelist .code-uhead dt {
 font-size:14px;
 color:#1c1f21;
 line-height:24px
}
.c-codelist .code-uhead dd {
 font-size:12px;
 color:#9199a1;
 line-height:18px
}
.c-codelist .lookcode {
 float:left;
 padding:8px 16px;
 margin-top:6px;
 background:#383d42;
 border-radius:18px;
 transition:.3s all linear
}
.c-codelist .lookcode:hover {
 background:#1c1f21
}
.c-codelist .lookcode i,
.c-codelist .lookcode span {
 float:left;
 color:#fff;
 line-height:20px
}
.c-codelist .lookcode i {
 font-size:16px;
 margin-right:2px
}
.c-codelist .lookcode span {
 font-size:14px
}
.c-codelist .code-praise {
 float:right;
 margin-top:6px
}
.c-codelist .code-praise.active {
 background-color:rgba(240,20,0,.1)
}
.c-codelist .code-praise.active em,
.c-codelist .code-praise.active i {
 color:#f01400
}
.tab-nodata {
 padding:72px 0 124px;
 text-align:center
}
.tab-nodata i {
 display:block;
 margin:0 auto;
 font-size:48px;
 color:#b2b8bd;
 line-height:48px;
 margin-bottom:4px
}
.tab-nodata p {
 font-size:16px;
 color:#9199a1;
 line-height:24px
}
.paginationwrap {
 text-align:center;
 padding:36px 0
}
.paginationwrap .pagination {
 display:inline-block;
 height:36px
}
.paginationwrap a,
.paginationwrap span {
 float:left;
 height:36px;
 line-height:36px;
 font-size:14px;
 color:#4d555d;
 transition:.3s all linear
}
.paginationwrap .prev {
 margin-right:24px
}
.paginationwrap .next {
 margin-left:12px
}
.paginationwrap .lastclass {
 margin-right:0;
 margin-left:24px
}
.paginationwrap .p_interval {
 width:36px;
 text-align:center;
 margin-right:12px;
 border-radius:50%
}
.paginationwrap .p_interval.current {
 color:#fff;
 background:#4d555d
}
.paginationwrap a.p_interval:hover {
 color:#4d555d;
 background-color:#d9dde1
}
.js-publicnumber-block {
 display:none;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(7,17,27,.6);
 z-index:900
}
.js-publicnumber-tipoff {
 display:none;
 position:fixed;
 top:50%;
 left:50%;
 margin-top:-84px;
 margin-left:-178px;
 width:452px;
 height:264px;
 padding:48px;
 background:#fff url(/static/img/course/code-pop-bg.png) no-repeat;
 background-size:cover;
 border-radius:12px;
 box-sizing:border-box;
 z-index:901
}
.js-publicnumber-tipoff .js-bindcode-close {
 position:absolute;
 font-size:20px;
 color:#b2b8bd;
 line-height:24px;
 width:24px;
 text-align:center;
 top:12px;
 right:24px;
 font-weight:600;
 cursor:pointer;
 z-index:902
}
.js-publicnumber-tipoff .js-bindcode-close:hover {
 color:#07111b
}
.js-publicnumber-tipoff .crode-ql {
 width:144px;
 float:left;
 text-align:center;
 margin-right:32px
}
.js-publicnumber-tipoff .crode-ql img {
 width:144px;
 height:144px
}
.js-publicnumber-tipoff .crode-ql p {
 color:#545c63;
 font-size:12px;
 line-height:12px;
 margin-top:12px
}
.js-publicnumber-tipoff .crode-qr {
 float:right
}
.js-publicnumber-tipoff .crode-qr h2 {
 color:#1c1f21;
 font-size:20px;
 font-weight:700;
 line-height:20px
}
.js-publicnumber-tipoff .crode-qr p {
 font-size:14px;
 color:#545c63;
 line-height:20px;
 font-weight:600;
 margin-top:20px
}
.js-publicnumber-tipoff .crode-qr ul {
 width:180px;
 overflow:hidden;
 margin-top:8px
}
.js-publicnumber-tipoff .crode-qr ul li {
 font-size:14px;
 color:#545c63;
 line-height:24px;
 position:relative
}
.js-publicnumber-tipoff .crode-qr ul li:before {
 content:'·';
 font-size:14px;
 display:block;
 position:absolute
}
.pic-viewer {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:rgba(0,0,0,.8);
 z-index:9999;
 cursor:pointer
}
.pic-viewer .icon-close {
 position:absolute;
 right:100px;
 top:100px;
 font-size:36px;
 color:#fff
}
.pic-viewer-wrap {
 display:table;
 width:100%;
 height:100%;
 table-layout:fixed
}
.pic-viewer-wrap img {
 max-width:72%
}
.pic-viewer-inner {
 display:table-cell;
 vertical-align:middle;
 text-align:center;
 min-height:32px
}
.pic-viewer-inner.loading {
 background:url(/static/img/picloading.gif) no-repeat center
}
.section-list {
 position:absolute;
 left:-400px;
 top:0;
 bottom:0;
 width:400px;
 background:#26292c;
 box-shadow:0 8px 16px 0 #1c1f21;
 z-index:9999;
 transition:.3s all linear;
 opacity:0;
 padding:8px 0;
 box-sizing:border-box
}
.section-list .nano-pane {
 background:0 0!important
}
.section-list .nano-pane .nano-slider {
 width:4px!important
}
.section-list.active {
 left:60px;
 opacity:1
}
.section-list .nano-content {
 padding-bottom:20px
}
.section-list ul {
 padding:0 24px
}
.section-list .sec-title {
 padding-top:20px;
 font-size:14px;
 color:#fff;
 line-height:22px;
 margin-bottom:8px
}
.section-list .sec-li {
 height:30px
}
.section-list .sec-li.current {
 background:rgba(255,255,255,.1);
 border-radius:4px
}
.section-list .sec-li.current a {
 color:#fff
}
.section-list .sec-li:hover a {
 color:rgba(242,13,13,.6)
}
.section-list .sec-li a {
 padding:6px 0 6px 28px;
 width:100%;
 height:30px;
 box-sizing:border-box;
 overflow:hidden;
 display:block;
 position:relative;
 font-size:12px;
 color:rgba(255,255,255,.6);
 line-height:20px
}
.section-list .sec-li a:hover i {
 color:rgba(242,13,13,.6)
}
.section-list .sec-li em {
 position:absolute;
 left:8px;
 top:6px;
 font-size:16px;
 line-height:18px
}
.section-list .sec-li i {
 float:right;
 font-size:12px;
 color:rgba(255,255,255,.2);
 line-height:20px
}
.section-list .sec-li i.finish,
.section-list .sec-li i.half {
 color:rgba(242,13,13,.6)
}
.section-list .sec-li i span {
 margin-left:8px
}
#js-ques-box {
 position:absolute;
 bottom:14px;
 z-index:100
}
.question-tip-layer {
 position:relative;
 width:279px;
 display:none;
 margin:0 auto;
 padding:16px 26px 22px 25px;
 background-color:#fff;
 border-radius:12px;
 box-shadow:0 4px 8px rgba(0,0,0,.2)
}
.question-tip-layer .triangle {
 position:absolute;
 bottom:-7px;
 height:16px;
 width:16px;
 background:#fff;
 z-index:100;
 transform:rotate(45deg)
}
.question-tip-layer .ques-hd {
 text-align:left
}
.question-tip-layer .ques-hd i {
 font-size:16px;
 color:#787d81;
 vertical-align:middle
}
.question-tip-layer .ques-hd span {
 font-size:14px;
 color:#1c1f21;
 font-weight:600;
 line-height:20px;
 margin-left:5px
}
.question-tip-layer .ques-bd {
 position:relative;
 text-align:left
}
.question-tip-layer .ques-bd a {
 color:#000;
 font-size:12px;
 line-height:26px
}
.question-tip-layer .ques-bd a:hover {
 color:#f01000
}
.question-tip-layer .ques-bd .icon-ques-revert {
 color:#1589c9;
 font-size:15px;
 margin-right:5px
}
.question-tip-layer .ques-bd li {
 display:none;
 margin-top:11px
}
.question-tip-layer .ques-bd .curr {
 display:block;
 font-size:12px;
 color:#545c63;
 line-height:18px
}
.question-tip-layer .ques-bd .ques-title {
 max-height:52px;
 display:inline-block;
 overflow:hidden;
 word-break:break-all;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2
}
.question-tip-layer .ques-bd .ques-ft {
 font-size:12px
}
.question-tip-layer .ques-bd .ques-ft .experience {
 color:#1588cc
}
.question-tip-layer .ques-bd .ques-ft .credit {
 color:#fd7822;
 margin-left:12px
}
.question-tip-layer .ques-bd .change-ques {
 color:#b5b9bc;
 margin-left:60px
}
.question-tip-layer .ques-bd .change-ques:hover {
 color:#f11401
}
.question-tip-layer .ques-bd .to-answer {
 position:absolute;
 bottom:0;
 right:0;
 color:#35b454
}
.question-tip-layer .ques-bd .to-answer:hover {
 color:#f11401
}
.question-tip-layer .close-ques-layer {
 color:#b4bbbf;
 position:absolute;
 top:20px;
 right:20px;
 cursor:pointer
}
body {
 min-width:800px
}
.loading {
 display:block;
 width:40px;
 height:40px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-20px
}
.practise-con {
 width:659px;
 position:relative
}
.practise-tips {
 padding:5px 12px;
 font-size:14px;
 border:1px solid #fff;
 background:#fff;
 line-height:24px;
 margin:17px 0 0 0;
 word-wrap:break-word
}
.practise-tips .tipHead,
.practise-tips .tipsCnt {
 width:100%;
 display:block;
 line-height:22px
}
.practise-tips .tipHead {
 color:#396
}
.practise-skip {
 position:absolute;
 right:50px;
 bottom:50px;
 cursor:pointer;
 background:#edecec;
 padding:2px 5px
}
.practise-shadow {
 position:absolute;
 left:0;
 top:0;
 background:#000;
 opacity:.5;
 height:100%;
 width:100%;
 display:none
}
.video_mark {
 position:absolute;
 left:0;
 top:0;
 background:#000;
 opacity:.5;
 height:100%;
 width:100%;
 display:none;
 z-index:1000
}
.next-box {
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 color:#fff;
 background:#000
}
.next-box-inner {
 display:table;
 width:100%;
 height:100%;
 table-layout:fixed
}
.wechat-box {
 margin:0 auto;
 margin-top:-110px;
 width:300px;
 height:220px;
 position:relative;
 color:#aaa;
 display:none
}
.wechat-box .wechat-close {
 color:#fff;
 position:absolute;
 right:-20px;
 top:-10px;
 font-size:18px
}
.wechat-box img {
 margin:20px auto;
 width:120px
}
.course-tip-layer {
 display:table-cell;
 vertical-align:middle;
 text-align:center
}
.course-tip-layer h2 {
 font-size:16px;
 color:#fff
}
.course-tip-layer h2 .course-duration {
 color:#787d82;
 font-size:14px
}
.course-tip-layer .next-auto {
 margin:20px 0;
 font-size:12px
}
.course-tip-layer .next-auto em {
 font-style:normal;
 color:#f01400;
 font-size:14px
}
.course-tip-layer .btn-red {
 margin:40px auto 20px
}
.course-tip-layer .btn-green {
 margin:40px auto 20px
}
.course-tip-layer .review-course {
 display:block;
 width:80px;
 height:26px;
 line-height:26px;
 margin:0 auto;
 font-size:12px;
 color:#787d82;
 background:url(/static/img/course_video_review.png) no-repeat 5px 7px;
 text-indent:20px
}
.course-tip-layer .review-course:hover {
 color:#f01400;
 background-position:5px -25px
}
.course-tip-layer .recom-course-row {
 width:690px;
 height:112px;
 margin:0 auto;
 overflow:hidden
}
.course-tip-layer .recom-course-row li {
 position:relative;
 width:220px;
 height:112px;
 margin-right:10px;
 overflow:hidden
}
.course-tip-layer .recom-course-row li img {
 width:220px;
 height:112px
}
.course-tip-layer .recom-course-row li .recom-course-title {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:30px;
 padding:0 10px;
 line-height:30px;
 white-space:nowrap;
 word-break:keep-all;
 overflow:hidden;
 text-overflow:ellipsis;
 color:#fff;
 background-color:rgba(0,0,0,.7)
}
.course-tip-layer .recom-course-row .other-oper {
 width:220px;
 height:112px
}
.course-tip-layer .recom-course-row .oper-btn {
 height:50px;
 float:left;
 color:#b5b9bc;
 width:105px;
 line-height:50px;
 margin-bottom:12px;
 background-color:#363c40
}
.course-tip-layer .recom-course-row .return-course {
 margin-left:10px
}
.course-tip-layer .recom-course-row .oper-btn:hover {
 color:#fff;
 background-color:#f01400
}
.course-tip-layer .recom-course-row .nv-share {
 position:static;
 width:220px;
 height:50px;
 line-height:50px;
 padding-left:24px;
 box-sizing:border-box;
 background-color:#363c40
}
.course-tip-layer .recom-course-row .nv-share span {
 float:left;
 margin-right:20px;
 color:#b5b9bc
}
.course-tip-layer .recom-course-row .nv-share a {
 float:left;
 margin-top:15px!important
}
.course-tip-layer .recom-course-row .nv-share a.bds_weixin:hover {
 color:#0b9b3c!important
}
.course-tip-layer .recom-course-row .nv-share a.bds_qzone:hover {
 color:#0b78b0!important
}
.course-tip-layer .recom-course-row .nv-share a.bds_tsina:hover {
 color:#cb1c0d!important
}
.course-tip-layer .first-row {
 margin-bottom:10px
}
.course-tip-layer .question-tip-layer {
 margin:0 auto;
 display:none
}
.main-pane {
 border:1px solid #b1b1b1;
 position:absolute;
 top:43px;
 right:0;
 bottom:118px;
 left:0;
 overflow:auto
}
#panel-note .tabs-pane {
 padding:0
}
.submit {
 padding:1px 10px;
 border:1px solid #a3a3a3;
 color:#868686;
 font-size:12px
}
.checked,
.label-checked {
 vertical-align:middle;
 cursor:pointer;
 line-height:40px;
 color:#909b9e;
 font-size:12px;
 padding:0 10px
}
.wiki-box {
 height:41px;
 text-align:center
}
.wiki-box a {
 margin-top:7px
}
.qa-publish {
 padding-bottom:10px
}
.qa-shottime {
 padding:3px 4px;
 background-color:#000;
 color:#fff
}
.form textarea {
 width:100%;
 height:100%;
 resize:none;
 overflow-y:auto;
 padding:0;
 background:0 0
}
.inputFontTip {
 font-size:12px;
 line-height:22px;
 color:#ccc
}
.qa-reply .inputFontTip {
 line-height:28px
}
.qa-reply .loading {
 margin-top:-30px
}
#tabs-note .shot-btn {
 background-position:0 -68px
}
.panel-list {
 position:relative;
 padding:0 10px
}
#panel-note .panel-list {
 height:440px
}
#tabs-qa .panel-list,
#tabs-wiki .panel-list {
 height:100%;
 overflow:auto
}
#tabs-qa .panel-list .loading-tips,
#tabs-wiki .panel-list .loading-tips {
 display:block;
 width:60px;
 height:40px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-30px
}
#tabs-note .panel-list {
 height:100%;
 overflow:auto
}
.list-li {
 position:relative;
 padding:10px 0 6px;
 min-height:70px;
 font-size:12px;
 font-family:sans-serif
}
.list-user {
 width:40px;
 height:40px;
 text-align:center;
 position:absolute;
 left:0;
 top:10px
}
.list-con {
 margin-left:50px
}
.list-text {
 margin-top:-4px;
 line-height:22px;
 white-space:normal;
 color:#909090;
 word-break:break-all;
 word-wrap:break-word
}
.list-li.no-pic .list-text {
 min-height:46px
}
.list-text .teacher {
 color:#c9394a
}
.list-pic {
 position:relative;
 margin:5px 0
}
.qa-reply {
 margin-top:8px;
 padding:5px 0 0;
 border:1px solid #e5e5e5;
 position:relative;
 min-height:100px;
 background-color:#fbfbfb
}
.qa-reply .list-con {
 margin-left:30px
}
.qa-reply .list-user {
 left:5px;
 width:26px;
 height:26px;
 top:7px
}
.qa-replybox {
 position:relative;
 padding:0 5px;
 height:100px
}
.qa-replybox .qa-reply-arrow {
 top:-11px;
 right:40px
}
.qa-replyform {
 width:auto
}
.qa-replylist li {
 padding:7px 5px;
 word-break:break-all;
 word-wrap:break-word
}
.qa-reply-arrow {
 position:absolute;
 right:20px;
 top:-10px;
 width:16px;
 height:12px;
 background:url(/static/img/sidebar.png) 0 -53px no-repeat
}
.list-note .list-con {
 margin-left:50px
}
.list-note .list-text {
 width:auto
}
.list-sub ul .list-praise {
 border:none
}
.my-list .list-praise:hover {
 color:#a3a3a3
}
.my-list .list-praise:hover span {
 background-position:-18px -36px
}
.list-src img {
 display:inline;
 vertical-align:middle;
 margin:-3px 4px 0 0;
 border-radius:12px
}
.noFlashBox {
 padding:30px
}
.noFlashBox h4 {
 font-size:14px;
 margin-bottom:20px
}
.qa-list .tips {
 height:20px;
 line-height:20px;
 background-color:#f0f0f0;
 margin-top:4px;
 padding:0 10px
}
.qa-list .tips.done {
 margin-right:5px
}
#bdshare a,
.bds_more {
 line-height:16px
}
.wiki-list .username {
 display:block;
 float:right;
 margin:-6px 5px 0 0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 max-width:85px;
 word-break:keep-all;
 word-wrap:normal
}
.wiki-list .teacher-icon {
 top:4px
}
.gotoTopBtn {
 display:none
}
.video-con {
 position:relative;
 background-color:#000;
 overflow:hidden
}
.js-box-wrap {
 width:100%;
 height:300px
}
.course-video-wrap {
 padding-top:16px;
 padding-bottom:16px;
 box-sizing:border-box
}
.course-video-box {
 position:relative;
 margin:0 auto;
 height:100%;
 background:#0e1011;
 box-shadow:0 8px 16px 0 rgba(14,16,17,.8);
 border-radius:12px;
 overflow:hidden
}
.video-wrap {
 width:100%;
 height:100%
}
@media only screen and (max-width:1200px) {
 .course-subcontainer {
  width:800px
 }
}
.nano {
 position:relative;
 width:100%;
 height:100%;
 overflow:hidden
}
.nano>.nano-content {
 position:absolute;
 overflow:scroll;
 overflow-x:hidden;
 top:0;
 right:0;
 bottom:0;
 left:0
}
.nano>.nano-content:focus {
 outline:thin dotted
}
.nano>.nano-content::-webkit-scrollbar {
 display:none
}
.has-scrollbar>.nano-content::-webkit-scrollbar {
 display:block
}
.nano>.nano-pane {
 position:absolute;
 width:10px;
 right:10px;
 top:0;
 bottom:0;
 visibility:hidden\9;
 -webkit-transition:.2s;
 -moz-transition:.2s;
 -o-transition:.2s;
 transition:.2s;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px
}
.nano>.nano-pane>.nano-slider {
 background:#4e5a5e;
 position:relative;
 margin:0 1px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px
}
.nano:hover>.nano-pane,
.nano-pane.active,
.nano-pane.flashed {
 visibility:visible\9;
 opacity:.99
}
